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Preface 


The purpose of this book is to introduce readers with little to no 
programming experience, to Python Graphical User Interface (GUI). A GUI 
application can be created in any programming language, say VB.Net, 

C. Net etc. In this book, we shall see how to create a GUI application using 
Python tkinter library. We will provide the readers with the foundational 
knowledge and skills which is required to start writing code for creating any 
desktop GUI app in Python language. By mastering Python tkinter library, 
readers will be able to apply this technology to solve real-world problems 
and create various useful applications according to their needs. 


The first part of the book covers basic GUI tkinter concepts followed by a 
touch of inbuilt variable classes for creating different tkinter GUI widgets. 
Then we shall see some insights of different widgets viz button, input, 
display, container, item and user-interactive widgets. Finally, in the later 
part of the book, we shall explore handling file selection and getting widget 
along with trace information in tkinter. 


This book covers a wide range of topics, from basic definition of different 
widgets along with various solved examples and well explanatory code. 
Overall, the book provides a solid foundation for beginners to start their 
journey for getting trained in python GUI using tkinter library. 


This book is divided into 11 chapters. Each chapter description is listed as 
follows. 


Chapter 1: tkinter Introduction — will cover the basic GUI example of 
creating a parent window along with its size maximizing by adjusting the 
width or height. It will also introduce about each standard attribute of 
python tkinter GUI, which is, dimensions, colors, fonts, cursors and so on. 
The concept of tkinter geometry manager with examples will be covered. 
Finally, we will learn how to access and set pre-defined variables sub 


classed from the tkinter variable class viz StringVar, IntVar, DoubleVar and 
Boolean Var. 


Chapter 2: Inbuilt Variable Classes for Python tkinter GUI Widgets — 
will cover the concept of creating of a simple GUI windows app using 
classes and objects concepts. 


Chapter 3: Getting Insights of Button Widgets in tkinter — is dedicated 
to the concept of dealing with one of the most commonly used GUI widgets 
viz tkinter Button widget. We will view the binding of events to the above 
widget with multiple examples and different methods, including lambda 
expressions. Next, we shall see the Checkbutton widget which will give the 
provision to the user to select more than one option. The user will also view 
different options to get the image in the above widget. Next, we will see 
how to use tkinter Radiobutton widget. The user will see different examples 
where exactly one of the predefined set of options will be chosen. Last but 
not the least, we will explore tkinter OptionMenu widget where the user 
views how a pop menu and button widget will be created for an individual 
option selection from a list of options. 


Chapter 4: Getting Insights of Input Widgets in tkinter — is dedicated to 
cover the concept of creating a simple GUI app using tkinter Entry widget 
with very neat way of various options explanations, followed by different 
solved examples. Moreover, the validation concept in Entry widget is very 
neatly explained. Next, we shall see about scrollbar widget where user will 
look into the scrolling capability in vertical or horizontal direction with 
different widgets such as List Box, Entry and Text. Another one is tkinter 
Spinbox widget, where the range of input values will be fed to the user, out 
of which, the user can select the one. Next, we will be looking into how to 
implement a graphical slider to any Python application program by using 
tkinter Scale widget. Next is the concept of tkinter Text widget where the 
user can insert multiple text fields. Finally, we will be dealing with tkinter 
Combobox widget and its applications. 


Chapter 5: Getting Insights of Display Widgets in tkinter — is dedicated 
to the concept of creating a simple GUI app using tkinter Label widget, 
which depicts the ways of displaying a text or image on a window form. We 


shall also learn about the display of prompt unedited text messages to the 
user with tkinter Message widget. Moreover, we will look into multiple 
message boxes like information, warning, error and so on, in a Python 
application by using tkinter MessageBox widget. 


Chapter 6: Getting Insights of Container Widgets in tkinter — is 
dedicated to the concept of tkinter Frame widget, where the user can 
arrange different widgets position, can provide padding, can be used as 
geometry manager for other widgets and so on. We shall look into the 
variant of Frame widget, which is tkinter LabelFrame and is a container for 
complex window layouts. The user will be able to see frame features along 
with label display. Moreover, we shall view creating tabbed widget with the 
help of using tkinter Notebook widget. Here, user can select different pages 
of contents by clicking on tabs. The importance of tkinter PanedWindow 
widget will be explored where multiple examples will be seen containing 
horizontal or vertical stack of child widgets. Finally, we will look into 
tkinter Toplevel widget where the concepts are being explained for the 
creation and display of top level windows. 


Chapter 7: Getting Insights of Item Widgets in tkinter — is dedicated to 
tkinter Listbox widget where user can display different types of list of items 
and a number of items can be selected from the list. Different selectmode 
examples will be seen along with scrollbar attached to the above widget. 


Chapter 8: Getting Insights of tkinter User Interactive Widgets — 
focuses on the user to create different menus such as pop-up, top level and 
pull -down menu with the help of tkinter Menu widget. The user can create 
different applications such as Notepad, Wordpad, any management software 
and so on. Moreover, we will explore drop-down menu widget which is 
associated with a Menu widget called tkinter Menubutton widget, which 
can display the choices when user clicks on the above Menubutton. User 
can add checkbutton or radiobutton with the help of above Menubutton. 
Finally, we will study the concepts of drawing different graphics like line, 
rectangle and so on, with the help of tkinter Canvas widget. 


Chapter 9: Handling File Selection in tkinter — will handle file selection 
with different dialogs for opening a file, saving a file and so on, with the 


help of multiple examples using various Python examples. 


Chapter 10: Getting Widget Information and Trace in tkinter — is 
dedicated to getting widget information and different trace methods viz 
trace add, trace remove, trace info and so on, using various Python 
examples. 


Chapter 11: UserLogin Project in tkinter GUI Library with sqlite3 
Database — will cover an application created using tkinter library along 
with interacting with sqlite3 database. 
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CHAPTER 1 
tkinter Introduction 


Introduction 


We have learned in our previous book Python for Everyone, about the 
concepts in Python which are procedure oriented or object oriented. 
However, these concepts will be used as indispensable salt for our next 
learning, which is related to Graphical User Interface (GUI). We are 
surrounded by GUI apps in day-to-day life. Whenever we are using our 
mobile phone/Desktop applications and accessing any app or software, the 
first thing which we look forward to is how to access these apps or software. 
Any app on mobile phone or a computer system consists of hardware and is 
controlled by an operating system. The high-level languages will be sitting 
on top of the operating system and Python is no exception. So, in this 
chapter, we will learn about tkinter library in Python. 


Structure 


In this chapter, we will discuss the following topics: 
e Introduction to tkinter 
e Basic Python GUI Program 
e Some standard attributes of Python tkinter GUI 
* Colors 
e Fonts 


e Anchors 


Relief Styles 
e Bitmaps 
e Cursors 


e Python tkinter Geometry Manager 


Objectives 


By the end of this chapter, the reader will learn about creating basic GUI 
Python program using the tkinter library. In addition to that, we will also 
explore some standard attributes of Python tkinter GUI such as dimensions, 
colors or fonts with various options with examples. It is important to know 
how to position the text with a list of constants, relative to the reference 
point using anchor attribute. Moreover, we shall see how with the usage of 
relief attribute 3-D, simulated effects around the outside of the widget can be 
provided. We will also learn about bitmap and cursor attribute with 
examples. Finally, at the end of this chapter, we will learn accessing tkinter 
widgets using inbuilt layout geometry managers viz pack, grid and place. 


Introduction to tkinter 


Whenever we write any program in Python to control the hardware, Python 
will show the output with the help of operating system. However, if we 
desire to make an executable with the help of GUI, then just having the need 
of hardware and operating system is insufficient. Python requires some 
services which come from a number of resources and one such resource 
which is of interest to many Python programmers is Tcl/Tk. Tel stands for 
Tool Command Language and it is a scripting language with its own 
interpreter. On the other hand, Tk is a toolkit for building GUIs. An 
important point to note is that Tcl/Tk is not Python and we cannot control 
and access the services of Tcl/Tk using Python. So, another package is 
introduced and is referred to as tkinter, and it is an intermediator between 
Python and Tcl/Tk. tkinter will allow us to use the services of Tcl/Tk using 
the syntax of Python. As Python code developers, we will not be directly 
concerned with the Tcl/Tk. Binding of Python to the Tk GUI toolkit will be 
done by tkinter. tkinter will make everything appear as an object. We can 


create GUI, knowing that we can regard the window as an object, a label 
place on window as an object and so on. Applications can be built from a 
view point of an object-oriented programming paradigm. All we need to 

make sure is that we write our code in such a way that it allows us access 
tkinter, as shown in the following Figure 1.1: 


Python 


tkinter 


Tcl/Tk 


Operating System 


Hardware 


Figure 1.1: tkinter access hierarchy 


So, GUI applications can be easily and quickly created when Python is 
combined with tkinter. Although Python offers multiple options for 
developing GUI such as PyQT, Kivy, Jython, WxPython, and pyGUI; tkinter 
is the most commonly used. In this book, we will focus only on the tkinter 
usage of GUI creation. Just like we import any other module, tkinter can be 
imported in the same way in Python code: 


import tkinter 
This will import the tkinter module. 


The module name in Python 3.x is tkinter, whereas in Python 2.x, it is 
Tkinter. 


More often, we can use: 


from tkinter import * 


Here, the ‘*’ symbol means everything, as Python now can build Graphical 
User Interfaces by treating all of the widgets like Buttons, Labels, Menus 
and so on, as if they were objects. It is like importing tkinter submodule. 


However, there are some important methods which the user needs to know 
while creating Python GUI application, and they are as follows: 


e Tk(screenName-None, baseName-None, className=’Tk’, useTk-1) 


tkinter offers this method in order to create a main window. For any 
application, a main window code can be created by using: 

import tkinter 

myroot = tkinter.Tk() 

Here, Tk class is instantiated without any arguments. myroot is the 
main window object name. This method will allow blank parent 


window creation with close, maximize and minimize buttons on the 
top. 


e mainloop() 


tkinter offers this method when our application is ready to run. This 
method is an infinite loop used to run the application. It will wait for 
an event to occur and as long as the window is not closed, the event is 
processed. 


Basic Python GUI program 


Let us see a basic Python program which will create a window: 


tkinter 


myroot - Tk() 


myroot.mainloop() 


Output: 


The output can be seen in Figure 1.2: 


8 tk — o x 


Figure 1.2: Output of Chap1_Example1.py 


Note: The preceding code is covered in Program Name: Chap1_Example1.py 


In the preceding code, we have imported tkinter submodule and created a 
parent widget which usually will be the main window of an application. A 
blank parent window is created with close, maximize and minimize buttons 
on the top. An infinite loop will be called to run the application, as long as 
the window is not closed. 


The moment the window is closed, the statements after myroot.mainloop() 
will be executed, as shown in the following Figure 1.3: 


& mypythonquiprog.py 


tkinter 
myroot - Tk() 


myroot.mainloop() 


) 


TERMINAL 


SAURABHGLAPTOP - NHFM79LF /e/python 
$ python mypythonguiprog.py 


Figure 1.3: Output on running the code 


The moment the window is closed by clicking on the *X' mark, we will get 
the output as shown in Figure 1.4: 


SAURABH@LAPTOP-NHFM79LF /e/python 


$ python mypythonguiprog.py 
python 


Figure 1.4: Execution of print statement after clicking ‘X’ mark 


In the preceding example, we can maximize the window in both horizontal 
and vertical directions by using both height and width attributes. However, 
we can restrict the expansion of window in any direction. 


Suppose we want to maximize the width only. Then, the code is as follows: 


tkinter 


myroot - Tk() 


myroot.resizable(width = True, height 


m J 
Cu 


myroot.mainloop() 


Output: 


The output can be seen in Figure 1.5: 


Figure 1.5: Output of Chap1_Example2.py 


Note: The preceding code is covered in Program Name: Chap1  Example2.py 


Suppose, we want to maximize the height only. Then the code is as follows: 


tkinter i 


myroot - Tk() 


myroot. 
resizable(width - , height 


myroot .mainloop() 


Output: 


The output can be seen in Figure 1.6: 


Figure 1.6: Output of Chap1_Example3.py 


Note: The preceding code is covered in Program Name: Chap1_Example3.py 


Now, there is a need to maximize neither height nor width. Then the 
following code will be used: 


tkinter 


myroot - Tk() 


myroot.resizable(width 


myroot.mainloop() 


Output: 


The output can be seen in Figure 1.7: 


Figure 1.7: Output of Chap1_Example4.py 


Note: The preceding code is covered in Program Name: Chap1_Example4.py 


An important point to observe is that when we are maximizing the window 
in either of the directions, then the maximize button was enabled. Whereas 
in this case, the maximize button is disabled. 


Some standard attributes of Python tkinter GUI 


Now, we shall see how some of the standard attributes such as sizes, colors 
or fonts are specified. Just observe the standard attributes as mentioned. We 
shall see their usage when we will be dealing with widgets. 


Dimensions 


Whenever we set a dimension to an integer, it is assumed to be in pixels. A 
length is expressed as an integer number of pixels by tkinter. The list of 
common options are discussed as follows. 


borderwidth 


This option will give a 3-D look to the widget. It can also be represented as 
bd: 


tkinter 
myroot - Tk() 
myl1 = Label(myroot, text 
myl1.pack() 


myroot.mainloop() 


Output: 


The output can be seen in Figure 1.8: 


-@ oO x 


Labell 


Figure 1.8: Output of Chap1_Example5.py 


Note: The preceding code is covered in Program Name: Chap1_Example5.py 


highlightthickness 


This option represents the width of the highlighted rectangle when the 
widget has focus. Refer to the following code: 


from tkinter import * 


myroot - Tk() 


myb1 = Button(myroot, text 


myb1.grid(row = 0, column 


myb2 = Button(myroot, text = 
highlightthickness-10, 


) 
myb2.grid(row = 1, column = 1, padx = 10, pady = 10) 


myroot.mainloop() 


Output: 


The output can be seen in 


ft — o x 
Without highlight thickness | 


With highlight thickness 


Figure 1.9: Output of Chap1_Example6.py 


Note: The preceding code is covered in Program Name: Chap1  Example6.py 


This option will provide extra space that the widget requests from its layout 
manager, beyond the minimum, for the display of widget contents in x and y 


directions. We can see in the previous example, that we have used padding in 
x and y direction for better look and display. 


wraplength 


This option will provide maximum length of line for widgets which will be 
performing word wrapping. Refer to the following code: 


tkinter 
myroot - Tk() 
myl1 = Label(myroot, text ,wraplength = 2) 
myl1.pack() 
myl2 = Label(myroot, text ,wraplength = 0) 
myl2.pack() 


myroot.mainloop() 


Output: 


The output can be seen in Figure 1.10: 


$$ a x 


O Ta D 


n 
awesome 


Figure 1.10: Output of Chap1_Example7.py 


Note: The preceding code is covered in Program Name: Chap1_Example7.py 


height 


This option will set the desired height of the widget as per need. It must be 
greater than 1. 


underline 


This option represents character index to underline in the widget's text. The 
1st character will be 0, the 2nd character will be, 1 and so on. 


width 


This option will set the desired width of the widget as per need, as shown: 


tkinter 
myroot - Tk() 


my11 Label(myroot, text „width = 20, height = 2, under- 
line 2 amen ex 


myli1.pack() 


myroot.mainloop() 


Output: 


The output can be seen in Figure 1.11: 
f tk - D X 


Python 


Figure 1.11: Output of Chap1_Example8.py 


Note: The preceding code is covered in Program Name: Chap1_Example8.py 


In the above code, we have set width as 20, height as 2 and underline the 3rd 
character which is ‘t’. 


Colors 


Colors can be represented in tkinter using hexadecimal digits or by standard 
name. For example, #ff0000 is for Red color or it can be represented by 
using color = ‘Red’. The different options available for color is are discussed 
as follows. 


activebackground 


This option will set the widget background color when it is active. 


background 


This option will set the widget background color and can also be represented 
as bg, as follows: 


tkinter 
myroot - Tk() 
myb1 = Button(myroot,  activeback- 


ground - , bg = 


myb1.pack() 


myroot.mainloop() 


Output Initially: 


The output can be seen in Figure 1.12: 


-é au x 
Figure 1.12: Initial Output 
Output when button is clicked: 


The output can be seen in Figure 1.13: 


é o x 


Figure 1.13: Output of Chap1_Example9.py 


Note: The preceding code is covered in Program Name: Chap1_Example9.py 


On running the preceding code, initially the background color of button is 
Green and when it is clicked, that is, when the button is active, the 
background color is changed to Red. 


activeforeground 


This option will set the widget foreground color when it is active. 


foreground 


This option will set the widget foreground color and can also be represented 
as fg. 


tkinter 
myroot - Tk() 
myb1 = Button(myroot,  activefore- 


ground - ys = text = 


myb1.pack() 


myroot.mainloop() 


Output initially: 


The output can be seen in Figure 1.14: 


-f a x 


python | 


Figure 1.14: Initial output 


Output when button is clicked: 


The output can be seen in Figure 1.15: 


-0 a x 


| python 


Figure 1.15: Output of Chap1_Example10.py 


Note: The preceding code is covered in Program Name: Chap1_Example10.py 


On running the preceding code, initially the foreground color of button is 
Blue and when it is clicked, that is, when the button is active, the foreground 
color is changed to Red. 


disabledforeground 


This option will set the widget foreground color when it is disabled, as 
shown: 


tkinter 
myroot = Tk() 


myb1 = Button(myroot, 
abledforeground = 


myb1.pack() 


myroot.mainloop() 


Output: 


The output can be seen in Figure 1.16: 


-f o x 


python 


Figure 1.16: Output of Chap1_Example11.py 


Note: The preceding code is covered in Program Name: Chap1 Examplel11.py 


In the preceding code, the button is disabled and the button's foreground 
color when it is disabled is Magenta. 


highlightbackground 

When the widget does not have any focus, this option will focus on the 
highlight color. 

highlightcolor 


When the widget has focus, this option will set the foreground color of the 
highlighted region, as shown: 


tkinter 
myroot - Tk() 


myel = Entry(myroot, bg ;, highlightthickness-10, high 
lightbackground- , highlightcolor - ) 
myel.pack(padx-5, pady-5) 

mye2 = Entry(myroot) 

mye2.pack() 

mye2.focus() 


myroot.mainloop() 


Output when there is no focus on Entry: 


The output can be seen in Figure 1.17: 


Figure 1.17: Initial output 


Output when there is focus on Entry: 


The output can be seen in Figure 1.18: 


Figure 1.18: Output of Chap1_Example12.py 


Note: The preceding code is covered in Program Name: Chap1 Example12.py 


In the preceding example, when there is no focus in Entry, the focus 
highlight's color is Red and when there is a focus on Entry, then the color in 
the focus highlight is Yellow. 


selectbackground 


This option will set the background color for the selected items of the 
widget. 


selectforeground 


This option will set the foreground color for the selected items of the widget, 
as shown: 


tkinter 


myroot - Tk() 
str1 = StringVar() 


myel = Entry(myroot,selectbackground- ,selectfore- 


ground- , textvariable - str1) 
mye1.pack() 
stri1.set( 


myroot.mainloop() 


Output: 


The output can be seen in Figure 1.19: 


Figure 1.19: Output of Chap1_Example13.py 


Note: The preceding code is covered in Program Name: Chap1 Example13.py 


From the preceding code, we can observe that when the text *python' is 
selected, it is highlighted in Green color in the background and Red color in 
the foreground. 


Fonts 


We can access the font in tkinter by creating a font object or by using a tuple. 


By creating a font object 


Suppose we have a text. We can underline the text, change the size, give 
some font family, overstrike it, and so on. 


To create a font object, first, we need to import a tkinter.font module and use 
the Font class constructor: 


from tkinter.font import Font 
myobj font = Font(options,...) 
The options are: 
* family: This option represents the name of the font family as a string. 
e size: This option represents an integer in points for font height. 
e weight: This option represents ‘bold’ and ‘normal’. 
e slant: This option represents ‘italic’ and ‘unslanted’. 


e underline: This option represents whether the text is to be underlined 
or not. 1 represents for underline text and 0 for normal. 


e overstrike: This option represents whether the text is overstruck or 
not. 1 represents overstruck text and 0 for normal. 


Refer to the following code: 


tkinter 
tkinter.font 
myroot - Tk() 


myl1 = Label(myroot, 


my11.pack() 


myroot .mainloop( ) 


Output: 


The output can be seen in Figure 1.20: 


-f oO x 
Pythen 


Figure 1.20: Output of Chap1_Example14.py 


Note: The preceding code is covered in Program Name: Chap1 Example14.py 


We can also view the font family which we can access based on our 
requirement, as follows: 


from tkinter import * 


from tkinter import font 


myroot - Tk() 


myfont list - list(font.families()) 
for loop in myfont list: 
print(loop,end - ) 


myroot.mainloop() 


Output: 


The output is as follows: 


System,8514oem,Fixedsys,Terminal,Modern,Roman,Script,Courier,MS 
Serif,MS Sans Serif,Small Fonts,TeamViewer15,Marlett,Arial,Arabic 
Transparent,Arial Baltic,Arial CE,Arial CYR,Arial 

Greek,Arial TUR,Arial Black,Bahnschrift Light,Bahnschrift 
SemiLight,Bahnschrift,Bahnschrift SemiBold,Bahnschrift Light 
SemiCondensed,Bahnschrift SemiLight SemiConde,Bahnschrift 
SemiCondensed,Bahnschrift SemiBold SemiConden,Bahnschrift 

Light Condensed, Bahnschrift SemiLight Condensed,Bahnschrift 
Condensed,Bahnschrift SemiBold Condensed,Calibri,Calibri 
Light,Cambria,Cambria Math,Candara,Candara Light, Comic Sans 


MS,Consolas,Constantia,Corbel,Corbel Light,Courier New,Courier New 
Baltic,Courier New CE,Courier New CYR,Courier New Greek,Courier 
New TUR, Ebrima,Franklin Gothic Medium, Gabriola, Gadugi, 
Georgia,Impact,Ink Free, Javanese Text,Leelawadee UI,Leelawadee UI 
Semilight,Lucida Console,Lucida Sans Unicode,Malgun Gothic ,()Malgun 


Gothic,Malgun Gothic Semilight,@Malgun Gothic Semilight,Microsoft 
Himalaya,Microsoft JhengHei,@Microsoft JhengHei,Microsoft 

JhengHei UI,@Microsoft JhengHei UI,Microsoft JhengHei Light,@ 
Microsoft JhengHei Light,Microsoft JhengHei UI Light,@ 

Microsoft JhengHei UI Light,Microsoft New Tai Lue,Microsoft 
PhagsPa,Microsoft Sans Serif,Microsoft Tai Le,Microsoft YaHei,@ 
Microsoft YaHei,Microsoft YaHei UI,@Microsoft YaHei UI,Microsoft 
YaHei Light,@Microsoft YaHei Light,Microsoft YaHei UI Light,@ 
Microsoft YaHei UI Light,Microsoft Yi Baiti,MingLiU-ExtB, @MingLiU- 
ExtB, PMingLiU-ExtB, @PMingLiU-ExtB,MingLiU HKSCS-ExtB,GMingliU | 
HKSCS-ExtB,Mongolian Baiti,MS Gothic,@MS Gothic,MS UI Gothic,@ 

MS UI Gothic,MS PGothic,@MS PGothic,MV Boli,Myanmar Text,Nirmala 

UI ,Nirmala UI Semilight,Palatino Linotype,Segoe MDL2 Assets, Segoe 
Print,Segoe Script,Segoe UI,Segoe UI Black,Segoe UI Emoji,Segoe UI 
Historic,Segoe UI Light,Segoe UI Semibold,Segoe UI Semilight,Segoe 
UI Symbol ,SimSun,@SimSun,NSimSun, @NSimSun, SimSun-ExtB, @SimSun- 
ExtB,Sitka Small,Sitka Text,Sitka Subheading,Sitka Heading,Sitka 
Display,Sitka Banner,Sylfaen,Symbol,Tahoma,Times New Roman,Times New 
Roman Baltic,Times New Roman CE,Times New Roman CYR,Times New Roman 
Greek,Times New Roman TUR, Trebuchet MS,Verdana,Webdings,Wingdings,Yu 
Gothic,GYu Gothic,Yu Gothic UI,@Yu Gothic UI,Yu Gothic UI Semibold,@ 
Yu Gothic UI Semibold,Yu Gothic Light,@Yu Gothic Light,Yu Gothic 

UI Light,@Yu Gothic UI Light,Yu Gothic Medium,@Yu Gothic Medium, Yu 
Gothic UI Semilight,@Yu Gothic UI Semilight,HoloLens MDL2 Assets,HP 
Simplified,HP Simplified Light,MT Extra,Century,Wingdings 2,Wingdings 
3,Arial Unicode MS,@Arial Unicode MS,Nina,Segoe Condensed,Buxton 
Sketch,Segoe Marker,SketchFlow Print,DengXian,@DengXian,Microsoft 
MHei,@Microsoft MHei,Microsoft NeoGothic,@Microsoft NeoGothic, Segoe 
WP Black,Segoe WP,Segoe WP Semibold,Segoe WP Light, Segoe 

WP SemiLight, DigifaceWide, AcadEref, AIGDT, AmdtSymbols, 
GENISO,AMGDT ,BankGothic Lt 


BT,BankGothic Md BT,CityBlueprint,CommercialPi BT,CommercialScript 
BT,CountryBlueprint,Dutch801 Rm BT,Dutch801 XBd BT,EuroRoman,ISOC- 
PEUR, ISOCTEUR,Monospac821 BT,PanRoman,Romantic,RomanS,SansSerif,Sty- 
lus BT,SuperFrench,Swis721 BT,Swis721 BdOul BT,Swis721 Cn BT,Swis721 
BdCnOul BT,Swis721 BlkCn BT,Swis721 LtCn BT,Swis721 Ex BT,Swis721 
BlkEx BT,Swis721 LtEx BT,Swis721 Blk BT,Swis721 BlkOul BT,Swis721 Lt 
BT , TechnicBold, TechnicLite, Technic,UniversalMath1 BT,Vineta 


CP , ISOCT2, ISOCT3, ISOCT , ItalicC, ItalicT, Italic,Monotxt,Proxy 1,Proxy 
2,Proxy 3,Proxy 4,Proxy 5,Proxy 6,Proxy 7,Proxy 8,Proxy 9,RomanC,Ro- 
manD, RomanT,ScriptC,ScriptS,Simplex,Syastro,Symap, Symath, Symeteo, Sy- 
music,Txt, 


Note: The preceding code is covered in Program Name: Chap1 Example15.py 


By using tuple 


The first element in the tuple is a font family, and the 2nd element is a size in 
points which is optionally followed by a string having one or more of the 
style modifiers such as bold, italic, overstrike, and underline. Refer to the 
following code: 


tkinter 
tkinter.font 
myroot - Tk() 


myl1 = Label(myroot, text 


myl1.pack() 


myroot.mainloop() 


Output: 


The output can be seen in Figure 1.21: 


- a x 


Python 


Figure 1.21: Output of Chap1_Example16.py 


Note: The preceding code is covered in Program Name: Chap1_Example16.py 


Anchors 


If there is a requirement to position the text relative to the reference point, 
then we should go for anchors. 


The possible list of constants used for anchor attributes are: 

N, S, E, W, NE, NW, SE, SW, CENTER 

Here, N stands for North, S for South, E for East and W for West. 
Refer to Figure 1.22: 


N 
NW 
NE 
W a CENTER EE 
Ea SE 
S 


Figure 1.22: Anchor Constants 


Whenever we are creating a small widget inside a large frame and use 
anchor = SW option, then the widget will be placed in the bottom left corner 
of the frame. If we use anchor = S, then the widget would be centered along 
the bottom edge. 


Placing widget position when anchor = N 


Refer to the following code: 


tkinter 


myroot - Tk() 


myroot.geometry( ) 


my11 Label(myroot, text = ,anchor = N, font = ( 


bd 1 relief 
my11.pack() 


myroot .mainloop() 


Output: 


The output can be seen in Figure 1.23: 


Figure 1.23: Output of Chap1_Example17.py when anchor position is N 


Note: The preceding code is covered in Program Name: Chap1_Example17.py 


Note: From Figure 1.24 to Figure 1.31, the code will be the same except the 
option at anchor position will be changed. 


Placing widget position when anchor = S 


Refer to Figure 1.24: 


Python 


Figure 1.24: Output when anchor position is S 


Placing widget position when anchor = E 


Refer to Figure 1.25: 


Python 


Figure 1.25: Output when anchor position is E 


Placing widget position when anchor = W 


Refer to Figure 1.26: 


Figure 1.26: Output when anchor position is W 


Placing widget position when anchor = NE 


Refer to Figure 1.27: 


Figure 1.27: Output when anchor position is NE 


Placing widget position when anchor - NW 


Refer to Figure 1.28: 


Figure 1.28: Output when anchor position is NW 


Placing widget position when anchor = SE 


Refer to Figure 1.29: 


Python 


Figure 1.29: Output when anchor position is SE 


Placing widget position when anchor = SW 


Refer to Figure 1.30: 


Python 


Figure 1.30: Output when anchor position is SW 


Placing widget position when anchor - CENTER 
Refer to Figure 1.31: 


Figure 1.31: Output when anchor position is CENTER 


Relief styles 


Whenever we desire to have 3-D simulated effects around the outside of the 
widget, then we will go for the relief style of a widget. Relief attributes can 
have a possible list of constants such as flat, raised, groove, sunken, and 
ridge. Refer to the following code: 


from tkinter import * 


myroot - Tk() 
myroot.geometry( '200x200') 


myb1 = Button(myroot, text = 'PYTHON', font (Calibris 12E 
lief = FLAT, bd = 4) 


myb1.pack() 


myb2 Button(myroot, text = 'PYTHON', font = ('Calibri',12), 
lief RAISED, bd = 4) 


myb2.pack() 

myb3 Button(myroot, text = ‘PYTHON’, font (Calibris 12). 
lief = 'groove', bd = 

myb3.pack() 

myb4 Button(myroot, text 'PYTHON', font (Calibri: 12): 
lief 'sunken', bd 

myb4.pack() 


myb5 Button(myroot, text = 'PYTHON', (Calibris 124: 
lief = RIDGE, bd = 4) 


myb5.pack() 


myroot.mainloop() 


Output: 
Refer to Figure 1.32: 


f tk o x 


PYTHON 
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PYTHON 


| PYTHON 


PYTHON 


Figure 1.32: Output of Chap1_Example18.py 


Note: The preceding code is covered in Program Name: Chap1 Example18.py 


Bitmaps 


This attribute is used to display a bitmap and the available bitmaps are 
‘error’, ‘gray12’, ‘gray25’, ‘gray50’, ‘gray75’, ‘info’, 'hourglass', ‘warning’, 
‘question’, and ’questhead’. Refer to the following code: 


tkinter 


myroot = Tk() 
myroot.geometry( 


myb1 = Button(myroot, PYT relief 
map = Ay) = 7d. 


myb1.pack() 


myb2 - Button(myroot, text PYT relief 
map = Vide sts | dp 


myb2.pack() 


myb3 - Button(myroot, text ' PYT relief 
map — J , ,bd = 2) 


myb3.pack() 


myb4 - Button(myroot, text PYT relief 
map = Alte 2) 


myb4.pack() 


myb5 = Button(myroot, text 
map = J „bd = 2) 


myb5.pack() 


myb6 - Button(myroot, text | relief 
map = :bd = 2) 


myb6.pack() 


myb7 - Button(myroot, text PYTHC relief 
map = gl sba — 2) 


myb7.pack() 


myb8 - Button(myroot, text relief 
map = E | „bd = 2) 


myb8.pack() 


myb9 = Button(myroot, text PYT relief 
map = estion", bd = 2) 


myb9.pack() 

myb10 - Button(myroot, text - 'PYTHON', relief - 
map = 'q thead',bd - 2) 

myb10.pack() 


myroot.mainloop() 


Refer to Figure 1.33: 


pd EN 


f 
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Figure 1.33: Output of Chap1_Example19.py 


Note: The preceding code is covered in Program Name: Chap1 Example19.py 


Cursors 


Whenever there is a requirement to show different mouse cursors based on 
the need whose exact graphic may vary depending on the operating system, 
then there is an option of cursor attribute, out of which, some useful ones are 
‘arrow’, ‘clock, ‘cross, ‘circle’, ‘heart’, ‘mouse’, ‘plus’, ‘star’, ‘spider’, 
‘sizing’, ‘shuttle’, ‘target’, ‘tcross’, ‘trek’, ‘watch’ and so on. Refer to the 
following code: 


from tkinter import * 


myroot - Tk() 

myroot.geometry('200x300') 

myb4 = Button(myroot, text = 'PYTHON', relief ‘raised’, cur 
sops-Sscepclesbdi-22) 

myb4.pack() 

myb5 = Button(myroot, text = ‘PYTHON’, relief 'raised', cur- 
sor -PoC LOCKA DAL -27) 

myb5.pack() 

myb6 = Button(myroot, text = 'PYTHON', relief ‘raised’, 
cepe Udeeexuwasievs 

myb6.pack( ) 

myb7 - Button(myroot, text - 'PYTHON', relief 'raised', 

sor - 'plus',bd - 2) 

myb7.pack() 

myb8 - Button(myroot, text - 'PYTHON', 'raised', 

Sor S EcrkOSSs bd 92) 

myb8.pack() 

myb9 = Button(myroot, text = 'PYTHON', 'raised', 

cup m "ule qu) 

myb9.pack() 

myb1@ = Button(myroot, text 'PYTHON', relief = ‘raised’, cur 
sors spider: DA= 2) 

myb10.pack() 

myb11 = Button(myroot, text 'PYTHON', relief = ‘raised’, cur- 
sor = 'watch',bd = 2) 

myb11.pack() 


myroot.mainloop() 


Output: 
Refer to Figure 1.34: 
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Figure 1.34: Output of Chap1_Example20.py 


Note: The preceding code is covered in Program Name: Chap1_Example20.py 


Python tkinter geometry management 


All widgets in the tkinter can access geometry management methods. To 
organize the widgets in the parent windows, the geometry configuration of 
the widgets is to be accessed, which is offered by tkinter. It will help in 
managing the display of widgets on the screen. The geometry manager 
classes are discussed as follows. 


pack() 


It is one of the easiest to use, compared to the other 2 geometry managers. 
Before placing the widgets in the parent widget, the geometry manager will 
organize the widgets in blocks. Whenever there is a simple application 
requirement, such as arranging the number of widgets on top of each other or 


placing them side by side, then we can go for the preceding geometry 
manager. As compared to the other two geometry managers, it comes with 
limited options. 


The syntax is 
widget.pack(options,...) 
The options are: 


e fill: This option will determine whether the widgets can increase or 
grow in size or not. By default, it is NONE. If we want to fill 
vertically, then it is Y. If horizontally, then it is X. If required both 
horizontally or vertically, then BOTH. 


e expand: This option will expand the widget to fill any space when set 
to true or 1. When the window is resized, the widget will expand. 


e side: This option will decide the widget alignment, that is, against 
which side of the parent widget packs. By default, it is TOP. The 
others are BOTTOM, LEFT, or RIGHT. 


The other options are anchor, internal (ipadx, ipady) or external padding 
(padx, pady) which all have defaulted to 0. Refer to the following code: 


from tkinter import * 
myroot - Tk() 
myroot.geometry( '300x300') 


myb1 = Button(myroot, text "DIM TE i m B '"LightGreen') 


myb1.pack(fill = NONE) 
myb2 = Button(myroot, text tp x ', bg 'LightGreen') 


myb2.pack(fill = X, padx 
myb3 - Button(myroot, 
myb3.pack(side - LEFT, fi 
myb3 - Button(myroot, text 
myb3.pack(side - TOP,fill 


myb4 - Button(myroot, tex 


myb4.pack(side = BOTTOM,fill 
myb5 = Button(myroot, 
myb5.pack(side 


myroot.mainloop() 


Output: 


The output can be seen in Figure 1.35: 


f tk — D x 


Figure 1.35: Output of Chap1_Example21.py 


Note: The preceding code is covered in Program Name: Chap1 Example21.py 


grid() 


This geometry manager will organize the widgets into a 2-Dimensional 
table, into a number of rows and columns in the parent widget. An 


intersection of imaginary rows and columns is a cell where each cell in the 
table can hold a widget. 


The syntax is 


widget.grid(options,...) 


The options are as follows: 


column: This option will use a cell which will be identified with a 
given column, whose default value is the leftmost column with a 
numeric value of 0. 


columnspan: This option will indicate the number of columns the 
widget occupies; whose default value is 1. 


padx: This option will add padding to the widget horizontally outside 
the border of the widget. 


pady: This option will add padding to the widget vertically outside the 
border of the widget. 


ipadx: This option will add padding to the widget horizontally inside 
the border of the widget. 


ipady: This option will add padding to the widget vertically inside the 
border of the widget. 


row: This option will use a cell that will be identified with a given row 
whose default value is the first row with numeric value of 0. 


rowspan: This option will indicate the number of rows the widget 
occupies whose default value is 1. 


sticky: Whenever the cell is larger than the widget, an indication is 
required for the sides and cell corners to which the widget sticks. It 
may be a string concatenation of 0 or more of compass directions: M, 
E, S, W, NE, NW, SE, SW, and 0. The widget is centered in the cell 
with sticky = " and will take up the full cell area when NESW. 


Kindly observe the given code: 


tkinter 
myroot - Tk() 


mybtn col = Button(myroot, text="I 
mybtn col.grid(row - 0, column-4) 


mybtn colspan - Button(myroot, text- 


mybtn colspan.grid(row - 1,columnspan-4) 


mybtn paddingx - Button(myroot, text-' 
+ 
mybtn_paddingx.grid(row = 2,padx=5) 


mybtn_paddingy = Button(myroot, text= 
| ) 
mybtn_paddingy.grid(row = 3,pady=5) 


mybtn ipaddingx = Button(myroot, text-"i[ 


) 
mybtn ipaddingx.grid(row = 4,ipadx=5) 


mybtn ipaddingy - Button(myroot, text-' 
) 
mybtn ipaddingy.grid(row - 5,ipady-15) 


mybtn row - Button(myroot, text- 


mybtn row.grid(row-7) 


mybtn rowspan = Button(myroot, text-"1 


mybtn rowspan.grid(row - 8,rowspan-3) 


mybtn sticky - Button(myroot, text- 
mybtn sticky.grid(sticky-NW) 


myroot .mainloop( ) 


Output: 


The output can be seen in Figure 1.36: 
f tk — o X 
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Hey ! | am at North-West 


Figure 1.36: Output of Chap1_Example22.py 


Note: The preceding code is covered in Program Name: Chap1 Example22.py 


Note: It is not recommended to mix grid() and pack() in the same master 
window. 


place() 


It simpler than the other 2 geometry managers. This geometry manager will 
organize the widgets in a specific position in the parent widget. It is placed 
at some specific position in the parent widget. It can be used with pack() as 
well as grid() method. 

The syntax is 


widget.place(options,...) 


The options are: 


anchor: This option will indicate where the widget is anchored to and 
has compass directions as: N, S, E, W, NE, NW, SE, or SW, which are 
related to the sides and corners of the parent widget. The default 
compass direction is NW. 


bordermode: This option will indicate whether the widget border 
portion is included in the coordinate system or not. The default is 
INSIDE and the other is OUTSIDE. 


relheight: This option will specify the height as a float between 0.0 
and 1.0, which is a fraction of the parent widget height, that is, the 
widget's height relates to the parent's widget height by ratio. 


relwidth: This option will specify the width as a float between 0.0 and 
1.0, which is a fraction of the parent widget width, that is, the widget’s 
width relates to the parent's widget width by ratio. 


height: This option will specify the widget height in pixels. 
width: This option will specify the widget width in pixels. 


relx: This option will specify the horizontal offset as a float between 
0.0 and 1.0 which is a fraction of the parent widget width, that is, 
widget will be placed by x ratio relative to its parent. 


rely: This option will specify the vertical offset as a float between 0.0 
and 1.0, which is a fraction of the parent widget height, that is, widget 
will be placed by y ratio relative to its parent. 


x: This option will specify the horizontal offset in pixels. 


y: This option will specify the vertical offset in pixels. 


Note: In the above geometry manager, at least 2 options are required when 
invoked. 


Just observe the following example: 


tkinter 
myroot - Tk() 


myroot.geometry( 


mybtn height - Button(myroot, text- 
mybtn height.place(height-60, x-300, y-300) 


mybtn width - Button(myroot, text- 
mybtn width.place(width-70, x-400, y-400) 


mybtn relheight - Button(myroot, text-' 
mybtn relheight.place(relheight-90.7) 


mybtn relwidth- Button(myroot, text="relwi 
mybtn relwidth.place(relwidth-0.4) 


mybtn relx-Button(myroot, text-"rel» 
mybtn relx.place(relx-0.5) 


mybtn rely-Button(myroot, text- 
mybtn rely.place(rely-0.8) 


mybtn x-Button(myroot, text- 
mybtn x.place(x-500) 


mybtn y-Button(myroot, text- 
mybtn y.place(y-520) 


myroot.mainloop() 


Output: 


The output can be seen in Figure 1.37: 


relwidth of 0.4 | rex of 0.5 X = 500px 


relheight of 0.7 


60px high 


70px wide 


metta] 


Y = 520 


Figure 1.37: Output of Chap1_Example23.py 


Note: The preceding code is covered in Program Name: Chap1 Example23.py 


Geometry method in tkinter 


Whenever there is a requirement to set tkinter window dimensions as well as 
set the main window position, then tkinter provides a geometry method, as 
follows: 


tkinter 


myroot - Tk() 


myroot.geometry( 


mybtn - Button(myroot, text 
mybtn.pack(side - TOP, padx - 


myroot.mainloop() 


Output: 


The output can be seen in Figure 1.38: 


Figure 1.38: Output of Chap1_Example24.py 


Note: The preceding code is covered in Program Name: Chap1 Example24.py 


When we will run the preceding code, a fixed geometry of the tkinter 
window is created with dimensions ‘300x150’. Moreover, the tkinter 
window size will be changed but the screen position will be the same. 


What if we are in need to change the position? We can do it by preforming a 
little tweaking in the code as shown: 


tkinter 


myroot - Tk() 
myroot.geometry( 


mybtn - Button(myroot, text 
mybtn.pack(side - TOP, padx - 5, pady - 


myroot.mainloop() 


Output: 


The output can be seen in Figure 1.39: 


Python | 


Figure 1.39: Output of Chap1_Example25.py 


Note: The preceding code is covered in Program Name: Chap1 Example25.py 


Now, when we will run the preceding code, then both the position and size 
are changed. We can see that the tkinter window is appearing in a different 


position (400 shifted on each X and Y axis). 


An important point to note is that the variable argument must be in the form 
of (variable1)x(variable2), otherwise an error will be raised. 


Conclusion 


In this chapter, we learned initially about basic GUI python program creation 
using tkinter library. Then we saw standard attributes of Python tkinter GUI 
such as dimensions, colors or fonts, along with various options with 
examples. We learned how to position the text with list of constants relative 
to the reference point using anchor attribute. We also saw an example of 
relief attribute, which brings 3-D simulated effects around the outside of the 
widget. The bitmap and cursor attribute were also explored with a crystal- 
clear example. Finally, towards the end of this chapter, we learned how to 
access tkinter widgets using inbuilt layout geometry managers viz pack, grid 
and place with syntax and its various options. 


Points to remember 


e Import tkinter library first for creation GUI applications using this 
library. 


e Dimension set to an integer is assumed to be in pixels. 


e Representation of colors in tkinter can be done in hexadecimal digits 
or by standard name. 


e Font in tkinter can be accessed using a font object or by using a tuple. 


e The text position relative to the reference point can be done using 
anchor attribute. 


e 3-D simulated effects around the outside of the widget can be done 
using relief style. 


e Widgets position using absolute positioning can be done using place 
geometry manager. 


e Widgets in horizontal and vertical position is organized using pack 
geometry manager. 


e Widgets in a 2-D grid can be positioned using grid geometry manager. 


Questions 


mam BR W N mnm 


10. 


. Write short note on GUI designing using the tkinter package. 
. Draw and explain the application level of Python. 

. Write a basic Python GUI program and explain its structure. 
. Explain any five standard attributes of Python tkinter GUI. 


. Explain in detail how the color is represented in tkinter, and explain any 


5 options available for color representation. 


. Explain how fonts access is done in tkinter library of Python. 
. Draw and explain anchor constant in Python. 


. To have 3-D simulated effects around the outside of the widget, what 


style of a widget should be used? Explain in detail. 


. Write short notes on the following: 


a. Bitmaps 
b. Cursors 


Explain Python tkinter Geometry Manager and its classes. 
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CHAPTER 2 


Inbuilt Variable Classes for Python tkinter GUI 


Widgets 


Introduction 


This chapter will deal with inbuilt variable classes for Python tkinter GUI 
widgets and will also demonstrate the creation of a simple GUI Windows 
app using classes and object concepts. 


We will also be learning how to access and set pre-defined variables sub- 
classed from the tkinter variable class viz StringVar, IntVar, DoubleVar, and 
Boolean Var. 


Structure 


In this chapter, we will discuss the following topics: 


Inbuilt variable classes 
String Var() 
BooleanVar() 

IntVar() 

DoubleVar() 


GUI creation using classes and objects 


Objectives 


By the end of this chapter, the reader will learn how to store data associated 
with widgets in tkinter, by using variable classes such as StringVar(), 
BooleanVar(), IntVar() and DoubleVar() for storing string, Boolean, integer 
and floating point values respectively. Finally, we shall see the importance of 
Tkinter's classes and objects which can be used to create GUIs, thus 
improving the code's organization, maintainability, and reusability, which 
also offers flexibility and aids in lowering the complexity of the code. 


Inbuilt variable classes 


A variable is needed with a wide variety of widgets. Whenever a user enters 
some text in the Entry widget or Text widget, a string variable is needed to 
track the written text. If there is a Checkbox widget, a Boolean variable is 
needed to track whether the user has checked or not. If the user requires 
some value in the Spinbox or Slider widget, then an integer variable is 
required to track the value. There is a Variable class in the tkinter which 
responds to changes in widget-specific variables. The commonly used pre- 
defined variables which are subclassed from the tkinter variable class are 
StringVar, BooleanVar, IntVar, and DoubleVar. We can associate one variable 
with more than one widget so that the same information can be displayed by 
more than one widget. Moreover, when the values are changed, the functions 
can be binded which are to be called. Methods such as get() and set() will be 
used to retrieve and set the values of these variables. 


StringVar() 


This variable will hold a string and the default value is an empty string, as 
follows: 


from tkinter import * 


myroot - Tk() 


# we should first know how to create a window if want to per- 
form graphics coding. 


myroot.geometry( 


myroot.resizable(0,90) 


mystr - StringVar() 

print(type(mystr)) 

my entry - Entry(myroot, font - ( ,12),textvariable = mystr) 
my_entry.pack() 


def myshow(): 
mydata = mystr.get() 
print(mydata) 
mystr.set('') 


my btn - Button(myroot, font - ( 
ways Teak = ,command = myshow) 


my_btn.pack() 


myroot.mainloop() 


Output initially and when text is written: 


The output can be seen in 


8 tk — x 


pythor| 
Get Data! 


Figure 2.1: Initial Output 
Output when Get Data! button is clicked: 


The output can be seen in Figure 2.2: 


f tk — xX 


| 
Get Data! 


Figure 2.2: Output of Chap2_Example1.py 


Note: The preceding code is covered in Program Name: Chap2_Example1.py 


Output when a program is stopped or when ‘x’ is clicked: 


The output is as follows: 


<class 'tkinter.StringVar'» 


python 


In the preceding code, we have created two widgets: Entry and Button, in the 
parent widget and we are demonstrating the usage of the tkinter StringVar() 


type. 
In S1, an instance of StringVar() type is created and is assigned to the Python 
mystr variable. 


In S2, the type is <class 'tkinter.StringVar'>. 


Then we are writing some text in the Entry widget and click the button Get 
Data! 


In S3, we are using the variable mystr to get the value, saving it to a new 
variable named mydata and then displaying its value. 


In S4, we are using the variable mystr to call the set() method on StringVar() 
and setting it to an empty string "". 


An important point to observe is that we have used textvariable option, as it 
will associate a tkinter variable to the entry field contents. We will learn 
about other options associated when we will be dealing with the widgets in 
detail. 


BooleanVar() 


This variable will hold a Boolean and will return 1 for True and 0 for False, 
as shown: 


from tkinter import * 


myroot - Tk() 
myroot.geometry( 200x100 ') 


num1 = BooleanVar() 
mystr - StringVar() 
mydatainsertion(): 
if numl.get() == 
mystr.set('It is set to True') 


else: 


mystr.set('It is set to False') 


mycl = Checkbutton(myroot, variable = num1, font = ('Cal- 
ibri',12), text = 'Python', command = mydatainsertion) 


myc1.pack() 


myel = Entry(myroot, width = 20, textvariable = mystr) 
mye1.pack() 


myroot.mainloop() 


Output when checkbutton is checked: 


The output can be seen in Figure 2.3: 


f tk — " ~~ 


iv Python 


It is set to True 


Figure 2.3: Output 
Output when checkbutton is Unchecked: 


Refer to Figure 2.4: 


f tk — " x 


[ Python 


It is set to False 


Figure 2.4: Output of Chap2 Example2.py 


Note: The preceding code is covered in Program Name: Chap2 Example2.py 


In the preceding code, when the user checks, the output will return True. 
Otherwise, on unchecking, it will return False. 


IntVar() 


This variable will hold an integer and the default value is 0, as shown below. 
If values are entered in fraction, the value will be truncated to an integer. 


from tkinter import * 
myroot - Tk() 
myroot.geometry( '200x200') 


myroot.resizable(@,@) 


myint = IntVar() 
myint1 = IntVar() 
myint2 - IntVar() 


my entry - Entry(myroot, font - ('Calibri',12),text 
my entry.pack() 


my entry1 = Entry(myroot, font = ('Calibri',12),textvari 
able - myint1) 


my entry1.pack() 


mydisplay(): 

mydatal = myint.get() 
mydata2 = myinti.get() 
mydata3 = mydatal * mydata2 
myint2.set(mydata3) 


my btn = Button(myroot, font = ('Calibri',12), text = 'Multi- 
ply',command = mydisplay) 


my btn.pack() 


my entry2 - Entry(myroot, font - ('Calibri',12),textvari 
able - myint2) 


my entry2.pack() 


my entry2.configure(state - 'readonly') 


myroot.mainloop() 


Output when no data is entered: 


Refer to Figure 2.5: 


0 
0 

Multiply 
0 


Figure 2.5: Output 
Output when data is entered: 


Refer to Figure 2.6: 


f tk = x 
13 


1] 


Multiply 


156 


Figure 2.6: Output of Chap2 Example3.py 


Note: The preceding code is covered in Program Name: Chap2 Example3.py 


DoubleVar() 


This variable will hold a float and the default value is 0.0, as shown: 


from tkinter import * 


myroot - Tk() 


myroot.geometry( '200x200') 


myroot.resizable(0,0) 


myint - DoubleVar() 
myint1 = DoubleVar() 
myint2 - DoubleVar() 


my entry - Entry(myroot, font - ('Calibri',12),textv 
my entry.pack() 


my entry1 = Entry(myroot, font = ('Calibri',12), 
able = myint1) 


my_entry1.pack() 


mydisplay(): 

mydatal = myint.get() 
mydata2 = myinti.get() 
mydata3 = mydatal - mydata2 
myint2.set(mydata3) 


my btn = Button(myroot, font = ('Calibri',12), text = 'Differ- 
ence’ ,command = mydisplay) 


my_btn.pack() 


my entry2 = Entry(myroot, font = ('Calibri',12),textvari 
myint2) 


my entry2.pack() 


my entry2.configure(state - 'readonly') 


myroot .mainloop() 


Output when no data is entered: 


Refer to Figure 2.7: 


Difference 


0.0 


Figure 2.7: Output 
Output when data is entered: 


Refer to Figure 2.8: 


Difference 


9.23 


Figure 2.8: Output of Chap2 Example4.py 


Note: The preceding code is covered in Program Name: Chap2 Example4.py 


However, in the preceding code and the previous code of IntVar() variable 
class, we are entering numbers only. However, the user may enter anything 
in the Entry widget. So, we need to provide some checks such that the user 
may validate the Entry widget with numeric values only. We will learn when 
we will be dealing with widgets. For some time now, just observe the 
concept of variables. 


GUI creation using classes and objects 


As we have seen till now, it is very easy to create a basic GUI with a code of 
few lines only using tkinter. However, when the programs become complex, 
it is quite difficult to separate logic from each part. We need to make our 
code clean with an organized structure. Consider the following code: 


tkinter * 


tkinter messagebox 


myroot = Tk() 


mydisplay(): 


messagebox. showinfo( 


mybtn - Button(myroot, text- ,command-mydisplay) 
mybtn.pack(padx-20, pady-30) 


myroot.mainloop() 


Output: 


Refer to Figure 2.9: 


Display | 


Figure 2.9: Output 
Output on clicking Display button: 
Refer to Figure 2.10: 


( Message x 


Co Python 


Figure 2.10: Output of Chap2_Example5.py 


Note: The preceding code is covered in Program Name: Chap2 Example5.py 


In the preceding code, a main window is created having a Button widget. A 
message is being displayed as ‘Python’ when the Display button is clicked. 
The button widget is placed with a padding of 20px on the horizontal axis 
and 30px on the vertical axis. On executing the preceding code, we can 
verify that it is working as expected. We can see that all the variables are 
defined in the global namespace. However, it becomes and more difficult to 
reason about the parts usage when more widgets are added. Such type of 
issues can be addressed with basic OOP techniques. 


Now, we will define a class that will wrap up our global variables: 


from tkinter import * 


from tkinter import messagebox 


class MyBtn(Tk): 
def — init (self): 


super(). init () 


self.mybtn - Button(self, text- , command-self. 
mydisplay) 


self.mybtn.pack(padx-20, pady=3@) 


def mydisplay(self): 


messagebox. showinfo( 


if name 
myroot - MyBtn() 


myroot.mainloop() 


Output: 


Refer to 


-f a x 


Display | 


Figure 2.11: Output 
Output on clicking Display button, output will be: 


Refer to 


r Message X 


"S 


Figure 2.12: Output of Chap2 Example6.py 


Note: The preceding code is covered in Program Name: Chap2 Example6.py 


In the preceding code, we defined MyBtn class as a Tk subclass. To initialize 
the base class properly, the — init () method of the Tk class is called with 
the built-in super() function. We have a reference to the MyBtn instance with 
the self-variable, and so the Button widget is added as an attribute of our 
class. The instantiation of the Button is separated from the callback, which 
gets executed when it is clicked. It is a common practice in executable 


Python scripts to use if name | --" main " which is an entry point of 
any program. To show the main window itself, we are calling the mainloop 
method inside if name .--" main " block. So, we can make any large 


Python code by taking note of the usage of classes and objects to create GUI 
applications. 


The advantages of GUI creation using classes and objects in tkinter are as 
follows: 


e Encapsulation: By using classes, we may encapsulate a GUI's 
functionality in a single class, simplifying the organization and 
maintenance of the code. Additionally, it lessens the complexity of the 
code and prevents naming disputes. 


e Reusability: We can construct reusable code that can be utilised in 
other apps or sections of an application by defining classes and 
objects. 


e Modularity: Classes and objects facilitate code modularization by 
making it simpler to divide different elements of a GUI, such as the 


design and the functionality. 


e Inheritance: Subclasses that are created through inheritance will take 
on the parent class's attributes and functions. When building similar 
GUI elements with somewhat differing functionality, this can save 
time and effort. 


e Flexibility: Classes and objects give us the ability to tweak and update 
GUIS since they let us make code changes without having an impact 
on other areas of the program. 


* Code organization: It helps us in organizing the code more clearly 
and makes it understandable by using classes and objects. When 
problems develop, it could also make it simpler to troubleshoot the 
code. 


Conclusion 


In this chapter, we learned different approaches of data storage associated 
with widgets in tkinter by using variable classes such as StringVar(), 
BooleanVar(), IntVar() and DoubleVar() for storing string, Boolean, integer 
and floating point values respectively with python code. 


We have seen two approaches of displaying an application with and without 
usage of Tkinter's classes and objects for creating GUIs. Finally, we can say 
that the approach of using classes and objects for GUI creation helps us in 
improving the code's organization, maintainability, reusability and aids in 
lowering the complexity of the code. 


Points to remember 


e For storing and manipulating string values and for representing the 
text or widgets value like Entry and label, we may use StringVar() 
variable. 


e For storing Boolean values and for representing the state of 
Checkbuttons or radiobuttons, we may use BooleanVar() variable. 


e For storing integer values and for representing the widget's value like 
Spinbox or Scale, we may use IntVar() variable. 


e For storing floating point values and for representing the widget’s 
value like Spinbox or Scale, we may use DoubleVar() variable. 


e GUI application creating in tkinter using classes and objects offers 
several advantages such as encapsulation, reusability, modularity, 
inheritance, flexibility and code organization. 


Questions 
1. Explain in detail about inbuilt variable classes for Python tkinter GUI 
widgets. 
2. Explain the use of inbuilt variable classes for designing GUI in Python. 
3. Explain the use of StringVar() in Python with a suitable example. 


4. Which variable is used to return 1 for True and O0 for False values in 
Python for GUI? Explain in detail. 


5. Explain IntVar() in detail with a suitable example. 
6. Explain DoubleVar() in detail with a suitable example. 
7. Write a short code for GUI Creation using Classes and Objects. What 


are its advantages? 
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CHAPTER 3 
Getting Insights of Button Widgets in tkinter 


Introduction 


A standard Graphical User Interface (GUI) element, which are basic 
building blocks of any GUI program are termed as widgets. We have 
observed till now that a top-level root window object contains different 
small window objects which are part of our developed GUI application. We 
put all the widgets in top-level window. We can have more than one top- 
level window, but can have only one root window. We shall see different 
widgets one by one now with starting from different widgets related to 
button in tkinter. 


Structure 


In this chapter, we will discuss the following topics: 
e tkinter Button Widget 
e tkinter Checkbutton Widget 
e tkinter Radiobutton Widget 
e tkinter OptionMenu Widget 


Objectives 


By the end of this chapter, the reader will learn about one of the most 
commonly used GUI widgets viz tkinter Button widget. We will be viewing 
the binding of events to the above widget with multiple examples and 


different methods including lambda expressions. Next, we shall look into the 
Checkbutton widget, which will give the provision to the user to select more 
than one option. Users will also view different options to get the image in 
this widget. Next, we will see how to use the tkinter Radiobutton widget. 
Users will view various examples where exactly one of the predefined sets 
of options will be chosen. Last but not the least, we will explore the tkinter 
Option-Menu widget where the user views how a pop-menu and button 
widget will be created for an individual option selection from a list of 
options. 


tkinter Button Widget 


One of the most commonly used GUI widgets in tkinter Python is the Button 
widget. A method or a function can be associated with this widget when 
clicked. Different options can be set or reset as per need. This widget is 
generally used for interaction with the user. 


The syntax is: 
mybtn1= Button(myroot , options...) 


where, 
myroot is the parent window. 


Some of the lists of options that can be used as key-value pairs and are 
separated by commas are activebackground, activeforeground, bg, bd, 
command, fg, font, height, highlightcolor, justify, image, padx, pady, state, 
relief, width, wraplength, and underline. We have seen most of the options 
but some undiscussed options are as follows: 


e command: This option will call the function or method whenever the 
button is clicked. So, by using the command option, we are adding 
functionality to the button. 


e justify: This option will define the alignment of multiple lines of text 
with respect to each other. The default is CENTER and the other is 
LEFT or RIGHT. 


Refer to the following code: 


tkinter * 


tkinter messagebox 


MyJustify(Tk): 
def — init (self): 
super(). init () 
self.title( 


lef mycenterjustify(): 


messagebox. showinfo( 


ef myleftjustify(): 


messagebox. showinfo( 


def myrightjustify(): 


messagebox. showinfo( 


fault justify is CENTER 
mybtni- Button(self, text = 
3, relief - '| > 


font = ( 
,10), width = 20, height = 3 


mybtn1.pack(pady= 10, side = BOTTOM) 


command = mycenterjustify) 


3 


mybtn2- Button(self, text - ISTIFY\n 
,Dd = 3, relief = 
foant = { ca',10), justi- 
= LEFT, width = 20, height = 3, command = myleftjustify) 
mybtn2.pack(pady= 10, side = RIGHT) 


mybtn3= Button(self, text = [FY \n 
a, od = 2,font = ('Hel ca <10); 
justify = RIGHT, width = 20, height 
mand = myrightjustify) 
mybtn3.pack(side = TOP) 


| name  -- 


myroot - MyJustify() 


myroot.geometry( 


myroot.mainloop() 


Output: 


The output can be seen in Figure 3.1: 


8 Jusify in Button — g 


JUSTIFY 
RIGHT 
RIGHT RIGHT 


JUSTIFY 
LEFT 
LEFT LEFT 
JUSTIFY 
CENTER 
CENTER CENTER 


Figure 3.1: Output 
Output when JUSTIFY LEFT button is clicked: 


Refer to Figure 3.2: 


7 Justify xX 


CD Justify LEFT 


Figure 3.2: Output 
Output when JUSTIFY RIGHT button is clicked: 
Refer to Figure 3.3: 


7 Justify x 


Co Justify RIGHT 


Figure 3.3: Output 
Output when JUSTIFY CENTER button is clicked: 
Refer to Figure 3.4: 


f Justify XxX 


O Justify CENTER 


Figure 3.4: Output 


Note: The preceding code is covered in Program Name: Chap3_Example1.py 


Let us go over the various options now: 


image: This option will set the image to be displayed on the button instead 
of text. 


state: This option, by default, is NORMAL. When this option is set to 
DISABLED, the button becomes unresponsive and will gray out the button. 


Note: User may use 'Add-icon.png' or any other icon file as per need in their 
active directory. Here, we have added ‘Add-icon.png’ file as a reference. 


Refer to the following code: 


from tkinter import * 


class MyBtnImage(Frame): 
def — init (self, root = None): 
Frame. init (self, root) 
self.root - root 
self.myphoto = PhotoImage(file = 
def myclick(): 
self.mybtni[ ] » DISABLED 


self.mybtn1 - Button(self.root,image - self. 
myphoto, command - myclick) 


self.mybtn1.pack(padx = 10, pady = 10) 


myroot = Tk() 

myobj = MyBtnImage(myroot) 
myroot.title( 
myroot.geometry ( 


myroot.mainloop() 


Output: 


Refer to 


7 Image using Button = o x 


Figure 3.5: Output 


Output when button is clicked: 


Refer to Figure 3.6: 


f Image using Button = L] X 


Figure 3.6: Output 


Note: The preceding code is covered in Program Name: Chap3 Example2.py 


In the above code, we have added an image with a ‘+’ symbol to a button 
and when it is clicked, the button becomes disabled. 


An important point to note is that only the image will appear on the screen 
when both text and image are given on the Button, as the text will be 
dominated by the image. But what if we want to display both text and image 
on the button? In such cases, we will be using the compound option in the 
button widget. Suppose we want the image to appear at bottom of the button. 
In this case, compound = BOTTOM. 


Similarly, when compound - LEFT, the image will appear on the left side of 
the button widget; when compound = RIGHT, the image will appear on the 
right side of the button widget, and when compound = TOP, the image will 
appear on the top side of the button widget. 


Let us see the code for a better understanding: 


from tkinter import * 


class MyBtnTextWithImage(Frame): 
def — init (self, root = None): 
Frame. init (self, root) 
self.root - root 
self.myphoto = PhotoImage(file = 


self.mybtn1 = Button(self.root,image = 
myphoto, text = , compound = LEFT) 


self.mybtn1.pack(padx = 10, pady = 10) 


self.mybtn2 = Button(self.root,image = 
myphoto, text = , compound = RIGHT) 


self.mybtn2.pack(padx = 10, pady = 10) 


self.mybtn3 = Button(self.root,image = 
myphoto, text = , compound = TOP) 


self.mybtn3.pack(padx = 10, pady = 10) 


self.mybtn4 = Button(self.root,image = 
myphoto, text = , compound = BOTTOM) 


self.mybtn4.pack(padx = 10, pady = 10) 


if name == 
myroot = Tk() 
myobj = MyBtnTextWithImage(myroot) 
myroot.title( ) 
myroot.geometry ( 


myroot.mainloop() 


Output: 


Refer to 


(^ Image using Button = L1 X 


Hello 


Figure 3.7: Output of Chap3_Example3.py 


Note: The preceding code is covered in Program Name: Chap3 Example3.py 


Now, we will discuss events and bindings before moving on to the next 
widgets. 


Events and bindings 


We have seen in all the examples till now that until and unless we press the 
*X' mark of a parent widget, a tkinter code is spending most of the time 
inside an event loop (the mainloop method). We can see events such as 
mouse click, focusin, focusout, keypress events, and so on. In order to bind 
an event with a function, a bind() function is used, which is included in all 
the widgets whose syntax is given as: 


widget.bind(event,handler, add = "') 
Here, an event can be attached binding to a widget using the bind method. 


The first argument event is a representative string that must be in the 
following format: 


* <modifier-type-detail>: Here, the modifier and detail sections are 
optional and the only mandatory part is the type section which 


represents the event type to listen for. We will discuss each section one 
by one. 


e event modifiers: They can change the circumstances in which an 
event's handler is activated and is an optional component for creating 
an event binding. We should note that most of the event handlers are 
platform specific and will not work on all platforms. 


e Shift: While the event is occurring, the shift button needs to be 
pressed. 


e Control: While the event is occurring, the Control button needs to be 
pressed. 


e Alt: While the event is occurring, the Alt button needs to be pressed. 


e Lock: When the event occurs, the caps lock button needs to be 
activated. 


e Double: The event will be happening twice in quick succession, say 
double-click. 


* Triple: The event will be happening thrice in quick succession. 


e Quadruple: The event will be happening four times in quick 
sucession. 


event type 


The different event types in tkinter are as follows: 


* ButtonPress or Button: An event will be generated or activated when 
a mouse button has been clicked. Event <Button-1> defines the left 
mouse button, Event <Button-2> defines the middle button, Event 
<Button-3> defines the right mouse button, Event <Button-4> defines 
scroll-up on mice with wheel support, Event <Button-5> defines 
scroll-down on mice with wheel support. 


* ButtonRelease: An event will be generated or activated when a mouse 
button has been released. Events <ButtonRelease-1>, <ButtonRelease- 
2» and <ButtonRelease-3> will specify the left, middle, or right 
mouse button. 


Keypress or Key: An event will be generated or activated when a 
keyboard button has been pressed. 


KeyRelease: An event will be generated or activated when a keyboard 
button is released. 


Motion: An event will be generated or activated when the mouse 
cursor is moved across the widget. Events <B1-Motion>, <B2- 
Motion» and <B3-Motion> will specify the left, middle, or right 
mouse button. The mouse pointer's current position will be provided in 
the x and y members of the event object passed to the callback, that is, 
event.x, event.y. 


Enter: An event will be generated or activated when the mouse cursor 
enters the widget. 


Leave: An event will be generated or activated when the mouse cursor 
leaves the widget. 


FocusIn: An event will be generated or activated when the widget 
gains the input focus. 


FocusOut: An event will be generated or activated when the widget 
loses the input focus. 


Configure: An event will be generated or activated when the widget 
configurations are changed such as width, height, or border width 
being adjusted by the user, and so on. 


Mousewheel: An event will be generated or activated when the mouse 
wheel is scrolled. 


Event details: It is an optional section and will serve as either a 
mouse button or a certain key on the keyboard being pressed. 


For keyboard events: The keyboard event detail is captured such that 
each key pressed on the keyboard will be represented by a key symbol 
or key letter itself. The ASCII value of the specific key is given for 
triggering the event when using Key, KeyPress, or KeyRelease. 


For mouse events: The mouse event detail is captured such that 
numeric detail from 1 to 5 will represent the specific mouse button we 


wish to have to handle the trigger. 


The second argument is a handler which represents the function name to call 
(callback function) when the event occurs. It takes an event parameter. 


The attributes for the mouse events are as follows: 


e x and y: It will return the x and y coordinate mouse position in pixels 
where events such as Buttons occur. 


e x root and y root: It is similar to x and y but is relative to the upper- 
left screen corner. 


e num: It returns the mouse button number. 


The attributes for the keyboard events are: 
e char: It is for keyboard events only and pressed character as a string. 
* keysym: It is for keyboard events only and pressed key symbol. 


e keycode: It is for keyboard events only and pressed key code. 


As the event handler, the function included will be passed as an event object 
which will describe the events and include details about the event which was 
triggered. So, a parameter is to be included which will be assigned to this 
object in the function. 


The third parameter, which can be None, is added to replace the callback if 
there was a previous binding or ‘+’ to preserve the old ones and add the 
callback. 


Now, if we want to bind an event to a widget instance, then it is called 
instance-level binding. 


There are times when it is needed to bind events to an entire application, 
which is called application-level binding where the same binding is used 
across all the windows and application widgets as long as any one 
application window is in focus. The syntax of application-level binding is: 


widget.bind all(event,callback) 


For example: 


myroot.bind_all('<F1>', show help) 


Here, if we press the F1 key and then the show. help callback will always 
trigger, irrespective of any widget the focus as long as the application is 
under active focus. 


Another is class-level binding where the events can be bound at a particular 
class level. The syntax of class-level binding is: 


widget.bind class(classname, event,callback) 
For example, 
mye1.bind_class('<Entry>', '<Control-C>', copy) 


Here, all the Entry widgets will be bound to the <Control-C> event which 
would call a method called 'copy (event)'. 


We shall see some examples related to buttons, events, and bindings for a 
better understanding of the concepts. 


from tkinter import * 
class MyLeftRightMouseClick(Tk): 
def init (self): 
super(). init () 
self.title( 


def mycall(event): 
print( 


def mycallme(event): 
print( 


self. 
Button(self, text - font = 


self.myb1.bind( , mycall) 
self.myb1.pack(pady 10) 


self. 
Button(self, text - See = 


self.myb2.bind( , mycallme) 
self.myb2.pack(pady 10) 


myroot - MyLeftRightMouseClick() 


myroot.geometry( ) 


myroot. 
mainloop() 


Initial output: 


Refer to 


(^ Button Left and Right click E m x 


LeftClick 
RightClick | 


Figure 3.8: Output 
Output when LeftClick button is clicked using the left side of the mouse: 


Refer to Figure 3.9: 


$ python mypythonguiprog.py 
Left Clicked 


Figure 3.9: Output 


Output when RightClick button is clicked using the mouse right side 
after clicking the mouse left side: 


Refer to Figure 3.10: 


$ python mypythonguiprog.py 
Left Clicked 


Right Clicked 


[| 


Figure 3.10: Output 


Note: The preceding code is covered in Program Name: Chap3 Example4.py 


In this code, we bind the button widget to the event <'Button-1'> which 
corresponds to the mouse left click. Whenever this event will occur, the 


method mycall will be called, which will be passing an object instance as its 
argument. The method mycall(event) will take an event object generated by 
the event as its argument. So, when the left button of the mouse is clicked on 
LeftClick button, then the Left Clicked message will be displayed. 


We bind the button widget to the event <'Button-3> which corresponds to the 
mouse's Right click. Whenever this event will occur, the method mycallme 
will be called, which will be passing an object instance as its argument. The 
method mycallme(event) will take an event object generated by the event as 
its argument. So, when the right button of the mouse is clicked on 
RightClick button, then the Right Clicked message will be displayed. 


We can display some messages in the command prompt via event handling: 
from tkinter import * 
myroot - Tk() 


myroot.geometry( '370x100') 
myroot.resizable(0,0) 


myroot.title('event handling through Cmd prompt') 


mydisplay(): 
("Clicked !!!") 


mytk button1 = Button(myroot, text = 'Login',font = ('Cal- 


ibri',15),fg - 'Blue',command 


mytk_button1.pack() 


mydisplay) 


myroot.mainloop() 


Output initial: 


Refer to Figure 3.11: 


7 event handling through Cmd prompt = X 


Login 


Figure 3.11: Output 


Output when the Button is clicked and the message is displayed on the 
command prompt 


Refer to Figure 3.12: 


$ python mypythonguiprog.py 
Clicked !!! 


Figure 3.12: Output 


Note: The preceding code is covered in Program Name: Chap3 Example5.py 


We can change the background color using config() method. So, we will be 
looking at event handling through config method. 


from tkinter import * 


myroot - Tk() 


myroot.geometry( 


myroot.resizable(0,0) 


def myshow1(): 


myroot.configure(background - 


mytk button1 = Button(myroot, text = 
HiRes = 315) fg -~ ) 


mytk_button1.config(command = myshow1) 
mytk_button1.pack() 


myroot.mainloop() 


Output initially: 


Refer to 


Figure 3.13: Output 


Output when the Button is clicked and the message is displayed on the 
command prompt: 


Refer to Figure 3.14: 


fw - x 


Change Background color 


Figure 3.14: Output 


Note: The preceding code is covered in Program Name: Chap3_Example6.py 


Now, we will be viewing event handling using the bind method: 


from tkinter import * 


myroot - Tk() 


myroot.geometry( '200x200') 


myroot.resizable(0,0) 


myshow1(e): 
myroot.configure(background = 'LightBlue') 


myshow2(e): 


myroot.configure(background = 'LightGreen') 


myshow3(e): 
myroot.configure(background = 'LightPink') 


mytk btn1 - Button(myroot, text - 'Background color',font - ('Cal- 
ibri',15),fg = ‘Blue') 


mytk_btn1.bind('<Button-1>' ,myshow1) 
mytk_btn1.bind('<Button-2>' ,myshow2) 
mytk btni1.bind('«Button-3»',myshow3) 
mytk btn1.pack() 


myroot.mainloop() 


Output initially: 
Refer to Figure 3.15: 


f tk -— x 


Background color | 


f — x fik = x 


Background color Background color | 


Background color 


(A) (B) (C) 
Figure 3.15: Output 


Here, 

A) Output when the left key of the mouse is clicked. 
B) Output when the wheel key of the mouse is clicked. 
C) Output when the right key of the mouse is clicked. 


Note: The preceding code is covered in Program Name: Chap3 Example7.py 


Now, we shall see event handling using a lambda expression. A lambda 
expression in Python is a tool for writing anonymous functions. Without the 
requirement for a formal function definition, it enables you to build short, 
inline functions. A lambda expression can have a single expression but any 
number of parameters. 


The advantages of lambda expressions over conventional methods are as 
follows: 


e Conciseness: By allowing the user to write functions on a single line 
using lambda expressions, the code is made shorter and simpler to 
read. 


* Readability: By grouping together relevant functionality, lambda 
expressions can be utilized to build tiny, straightforward functions 
inline, improving the readability of user's code. 


* Avoiding function definition: Using lambda expressions eliminates 
the need to declare a function individually, which is advantageous 
when user only require a function once and do not want to clutter the 
code with many definitions. 


e Function as argument: When working with collections, lambda 
expressions can be supplied as arguments to higher-order functions 
like map(), filter), and reduce(. This enables more concise and 
expressive code. 


We will be viewing the output of the previous example using lambda 
expressions: 


from tkinter import * 


myroot - Tk() 


myroot.geometry( '200x200') 


myroot.resizable(0,0) 


myshow1 e: myroot.configure(background 'LightBlue') 


my show2 e: myroot.configure(background '"LightGreen') 


my show3 e: myroot.configure(background 'LightPink') 


mytk btn1 - Button(myroot, text - 'Background color',font - ('Cal- 
1ora 15) TP = "Blue-) 


mytk btni.bind('«Button-1»',myshow1) 
mytk btni.bind('«Button-2»',myshow2) 


mytk btni1.bind('«Button-3»',myshow3) 
mytk_btn1.pack() 


myroot.mainloop() 


Note: The preceding code is covered in Program Name: Chap3 Example8.py 


The output will be the same as the previous one. We have used lambda 
expressions instead of functions. 


We can even use lambda expressions with bind() method: 


from tkinter import * 


myroot - Tk() 


myroot.geometry( '200x200') 


myroot.resizable(0,90) 


mytk btn1 Button(myroot, text - 'Background color',font 


ibri: 15) fp = Blue‘) 


mytk_btn1.bind('<Button-1>', e: myroot.configure(back- 
ground = 'LightBlue')) 


mytk_btn1.bind('<Button-2>', e: myroot.configure(back- 
ground - 'LightGreen')) 


mytk btni1.bind('«Button-3»', =: myroot.configure(back- 
'round = 'LightPink')) 


mytk_btn1.pack() 


myroot .mainloop() 


Note: The preceding code is covered in Program Name: Chap3_Example9.py 


The output is still the same. 


Now, suppose we want the same output but on mouse double click. In that 
case, we need to do a small modification, such that instead of <Button-1>, we 
will use <Double-1> and so on which is displayed as follows: 


from tkinter import * 


myroot - Tk() 


myroot.geometry( '200x200') 


myroot.resizable(0,0) 


mytk btn1 Button(myroot, text - 'Background color',font - ('Cal- 


3br25715)-f5 —SHBHlues) 


mytk btn1.bind('«Double-1»' e: myroot.configure(back- 
ground - 'LightBlue')) 


mytk btni1.bind('«Double-2»' e: myroot.configure(back- 
ground - 'LightGreen')) 


mytk btn1.bind('«Double-3»' >: myroot.configure(back- 
ground - 'LightPink')) 


mytk btni.pack() 


myroot.mainloop() 


Note: The preceding code is covered in Program Name: Chap3 Example10.py 


Here, we will get the same desired result, but on double clicking of the 
mouse. When the left key of the mouse is double-clicked, we will get 
LightBlue color. When the wheel key of the mouse is double-clicked, we will 
get LightGreen color and when the right key of the mouse is double-clicked, 
we will get LightPink color. 


We can even change the background color by using Enter and Leave events 
on the Button widget, as follows: 


from tkinter import * 


myroot - Tk() 


myroot.geometry( 


myroot.resizable(09,9) 


mytk btn1 = Button(myroot, text zfonte- 
ile} a = ) 

mytk_btn1.bind( lambda e: myroot.configure(back- 

ground - )) 


mytk_btn1.bind( ,» lambda e: myroot.configure(back- 
ground = )) 


mytk btn1.pack() 


myroot.mainloop() 


Output when mouse pointer is entering into Button widget: 


Refer to 


Figure 3.16: Output 


Output when mouse pointer is leaving from Button widget: 


Refer to Figure 3.17: 


Background color 


Figure 3.17: Output 


Note: The preceding code is covered in Program Name: Chap3 Examplel11.py 


In the preceding code, when the mouse pointer is entering into the button 
widget, the background color of the window will be LightBlue and when the 
mouse pointer is leaving the button widget, the background color of the 
window will be LightGreen. 


Now, we shall see event handling on pressing alphabet keys: 


tkinter 
myroot = Tk() # creating 


myroot.geometry('200x200' 
til we are using root.resizeal 


myroot.resizable(0,0) # window siz 


EI or smaller " 


myroot.bind('«Key-a»',lambda e: myroot.configure(background 
Blue')) # on pressing key 'a' 

myroot.bind( ey-b»',lambda e: myroot.configure(background 
z ^e[ )) H in Dressing key nD 
myroot.bind('«Key-c»',lambda e: myroot.configure(background 


')) # on pressing key 


myroot.mainloop() 


Output: 
Refer to Figure 3.18: 
ri tk = x g tk — x ri tk = x 
Background color Background color Background color 
(A) (B) (C) 
Figure 3.18: Output 
Here, 


A) On pressing Key-a, the window color changes to LightBlue. 


B) On pressing Key-b, the window color changes to LightGreen. 
C) On pressing Key-c, the window color changes to LightPink. 


Note: The preceding code is covered in Program Name: Chap3 Example12.py 


We can also perform event handling by pressing special keys such as F1, F2, 
F3, Delete and so on: 


from tkinter import * 
myroot - Tk() 


myroot.geometry( 


myroot.resizable(0,90) 


myroot .bind( lambda e: myroot.configure(background 
)) 

myroot .bind( , lambda e: myroot.configure(background 
)) 


myroot . bind( lambda e: myroot.configure(background 


)) 


myroot . bind ( lambda e: myroot.configure(back- 
ground - )) 


myroot .mainloop() 


Output: 


Refer to 


f k a x 


Background color Background color Background color | 


D) 


Figure 3.19: Output 
Here, 
A) On pressing Key-F1, the window color changes to LightBlue. 
B) On pressing Key-F2, the window color changes to LightGreen. 
C) On pressing Key-F3, the window color changes to LightPink. 
D) On pressing Delete, the window color changes to LightYellow. 


Note: The preceding code is covered in Program Name: Chap3_Example13.py 


Event handling can also be performed by using number keys as follows: 


tkinter 


myroot = Tk() # creating 


myroot.geometry('200x200' 


til we are using root.resi 
myroot.resizable(0,0) # window 
or smal 


ler m 


myroot.bind('1',lambda e: myroot.configure(background 
Blue')) # on key pressing 1 in laptop 
myroot.bind('2',lambda e: myroot.configure(background 
ireen')) # on key pressing 2 in laptop 
myroot.bind('3',lambda e: myroot.configure(background 


Pink')) # on key pressing 3 in laptop 


myroot.mainloop() 


Output: 
Refer to Figure 3.20: 
f tk - x AT - x f tk - x 
Background color Background color Background color 


(A) (B) (C) 
Figure 3.20: Output 


Here, 

A) On pressing 1, the window color changes to LightBlue. 
B) On pressing 2, the window color changes to LightGreen. 
C) On pressing 3, the window color changes to LightPink. 


Note: The preceding code is covered in Program Name: Chap3 Example14.py 


We can also perform event handling by pressing Shift, Alt, and Ctrl: 


tkinter 
myroot - Tk() 


myroot.geometry( 


myroot.resizable(90,0) 


ee 


myroot .bind( , lambda e: myroot.configure(back- 
ground = ‘Lig )) # ke pre ing Shift-Ur 
myroot .bind( , lambda e: myroot.configure(back- 
ground = ight )) on ke ressing Shift-Dow 

myroot .bind( , lambda e: myroot.configure(back- 
ground = )) Wy £4 

myroot .bind( | lambda e: myroot.configure(back- 
ground - j H or pressing TION 


myroot. ,lambda e: myroot.configure(back- 
ground e')) ay pressing Alt-U; 

myroot. ,lambda e: myroot.configure(back- 
ground )) ssing Alt-I 

myroot. , lambda e: myroot.configure(back- 
ground J) Fa ey pressing Alt 

myroot. ] lambda e: myroot.configure(back- 
ground # on | pre San) fees 


myroot. lambda e: myroot.configure(back- 
ground : H ev pressing ntrol-Ui 

myroot. lambda e: myroot.configure(back- 
ground | on ke essing Control-Dowi 
myroot. > lambda e: myroot.configure(back- 
ground : ntrol-Left 


myroot. bda e: myroot.configure(back- 


ground 


myroot .mainloop() 


Refer to Figure 3.21: 


LES. E x í x _ " £u - x 


Background color Background color Background color | 


A) B) C) 


D) 


Figure 3.21: Output 
Here, 


A) On pressing either Shift, Alt, or Ctrl and Up keys, the window color 
changes to LightBlue. 


B) On pressing either Shift, Alt, or Ctrl and Down key, the window color 
changes to LightGreen. 


C) On pressing either Shift, Alt, or Ctrl and Left key, the window color 
changes to LightPink. 


D) On pressing either Shift, Alt, or Ctrl and Right key, the window color 
changes to LightYellow. 


Note: The preceding code is covered in Program Name: Chap3 Example15.py 


We can also perform event handling by pressing and releasing a button: 


from tkinter import * 
myroot - Tk() 


myroot.geometry( 


myroot.resizable(0,0) 


mybutton1 = Button(myroot, text = q une = 
,12)) 

mybutton1.bind( , lambda e: myroot.configure(back- 

ground = )) 


mybutton1.bind( lambda e: myroot.configure(back- 
ground - )) 


mybutton1.pack() 


myroot.mainloop() 


Output: 


Refer to 


8 tk — x 8 tk E x 
Click Me!!! Click Me!!! 


Figure 3.22: Output 
Here, 
A) Output when the button is pressed and hold. 
B) Output when a button press is released. 


Note: The preceding code is covered in Program Name: Chap3 Example16.py 


In the above code, if the button is pressed, then the window color will be 
LightBlue and when released it will be Red. 


We can also generate the same output with a single function: 


from tkinter import * 


myroot - Tk() 


myroot.geometry( 


myroot.resizable(0,0) 


num = 1 
def mydisplay(e): 
global num 
num = num + 1 
if num%2 == 0: 
myroot .configure(background 
else: 


myroot.configure(background 


mybutton1 = Button(myroot, text = 
,12)) 
mybutton1.bind( ,mydisplay) 


mybutton1.bind( ,mydisplay) 


mybutton1.pack() 


myroot .mainloop() 


Note: The preceding code is covered in Program Name: Chap3 Example17.py 


In the above code, we have used a single function and global variable 
concept to change the window background color. 


This widget will allow the user to select more than one option by clicking 
the button corresponding to each option. So, multiple options can be selected 


by the user at a time. A Yes/No choice is made by checking/unchecking the 
menu. 


The syntax is: 

mychk1- Checkbutton(myroot , options...) 
Here, 

myroot is the parent window. 


Some of the lists of options that can be used as key-value pairs and are 
separated by commas are activeforeground, activebackground, background, 
bd, bitmap, cursor, command, disableforeground, fg, font, height, image, 
highlightcolor, justify, onvalue, offvalue, padx, pady, selectcolor, 
selectimage, text, state, underline, variable, width, and wraplength. 


We have seen most of the options but some undiscussed options are as 
follows: 


e command: This option will associate with a function whenever the 
checkbutton state is changed by the user. 


e onvalue: This option will associate checkbutton's control variable 
default value to 1 when it is on or set. By setting onvalue to that value, 
an alternate value can be supplied for the on state. 


e offvalue: This option will associate checkbutton’s control variable 
default value to 0 when it is off or cleared. By setting offvalue to that 
value, an alternate value can be supplied for the off state. 


e text: This option will display the text next to the checkbutton. 
Multiple lines of text can be displayed using ^n'. 


e variable: This option will track the checkbox current state. It is an 
IntVar variable where 0 means off and 1 means set and will toggle 
between offvalue and onvalue when the button widget is pressed. 


Refer to the following code: 


from tkinter import * 


from tkinter.ttk import * 


myroot - Tk() 
myroot.geometry( '300x150') 
myroot.title('CheckButton widget’) 


myget(): 

if i2.get() == ‘check’: 
s1.set( ‘Checked’ ) 

else: 


s1.set('UnChecked ' ) 


StringVar() 


Checkbutton(myroot, text - 'Check/Uncheck', vari- 
12, offvalue - 'uncheck', onvalue - 'check', command - myget) 


pack() 


s] = StringVar() 
myel = Entry(myroot, font = ('Calibri',12), textvariable- s1) 
myel.pack(pady = 10) 


myroot.mainloop() 


Output: 
Refer to Figure 3.23: 


f CheckButton widget - o x f CheckButton widget ~ m X 
ICheck/Uncheck [] Check/Uncheck 


[Checked | UnChecked 


Figure 3.23: Output 


Note: The preceding code is covered in Program Name: Chap3 Example18.py 


In the next code, when the user clicks the CheckButton, the text checked will 
be written in the Entry widget as its value for on state is checked. When the 
user unchecks the CheckButton, the text UnChecked will be written in the 
Entry widget as its value for the off state is unchecked. 


selectcolor: This option will set the checkbutton color when the widget is 
selected. The default is ‘Red’ color. If the indicator is True, the color is 
applied to the indicator. In Windows irrespective of the select state, it is used 
as the background for the indicator. When the indicator is set to False, the 
color is used as the background color for the entire widget whenever it is 
selected. 


Refer to the following code: 


from tkinter import * 
myroot = Tk() 
def selectcolor indicatoronTrue(): 


mychk1i[ ] = 


selectcolor indicatoronFalse(): 


mychk2[ j| = 


mychk1 = Checkbutton(myroot, text = , com- 
mand = selectcolor indicatoronTrue, indicatoron = True) 


mychk1.place(x = 50, y = 5@) 


mychk2 = Checkbutton(myroot, text = , com- 
mand = selectcolor_indicatoronFalse, indicatoron = False) 


mychk2.place(x = 50, y = 100) 


myroot .mainloop() 


Output: 

Refer to 

f tk - o x f t — o x 
E CheckButton E CheckButton 


! CheckButton CheckButton | 


(A) B) 
Figure 3.24: Output 


Here, 
A) When both the Checkbutttons are clicked. 
B) When both the Checkbutttons are deselected. 


Note: The preceding code is covered in Program Name: Chap3 Example19.py 


image: This option will allow you to get the image displayed in the widget. 
selectimage: This option will allow setting the image to the checkbutton. 


Refer to the following code: 


from tkinter import * 


myroot - Tk() 


myon image = PhotoImage(width-50, height=25) 
myoff image = PhotolImage(width-50, height=25) 


myon image.put(( 
,), to-(0, 0, 24,24)) 


myoff image.put(( 2)oEto0-(255200:$40:024)) 


myval1 = IntVar(value-0) 
myval2 - IntVar(value-1) 


cb1 - Checkbutton(myroot, image-myoff image, selectimage-myon im- 
age, indicatoron-False, 


onvalue-1, offvalue-0, variable=myval1) 


cb2 - Checkbutton(myroot, image-myoff image, selectimage-myon im- 
age, indicatoron-False, 


onvalue-1, offvalue-0, variable-myval2) 


cb1.pack(padx=10, pady-10) 
cb2.pack(padx=10, pady=10) 


myroot .mainloop() 


Output: 
Refer to Figure 3.25: 


Figure 3.25: Default output of Chap3_Example20.py 


In this code, we are setting the image option for the unselected state and the 
selectimage option for the selected state. There is another option called 
indicator on which we have set to False for not displaying the default 
indicator by the tkinter. 


We can change the status of each check button as shown in Figure 3.26: 


-0 a x 


EI 


Figure 3.26: Output of Chap3 Example20.py on status change 


Note: The preceding code is covered in Program Name: Chap3 Example20.py 


state: This option when set to DISABLED, will make the widget 
unresponsive. The default state is NORMAL. 


Refer to the following code: 


from tkinter import * 

myroot - Tk() 

myroot.geometry( 

def myselected(): 
mychk1.config( state-NORMAL ) 


mydisabled(): 
mychk1.config( state-DISABLED) 


mybtn1 = Button(myroot, text , command - myselected) 
mybtn1.place(x = 50, y = 50) 


mybtn2 - Button(myroot, text , command - mydisabled) 
mybtn2.place(x - 50, y - 100) 


mychk1 - Checkbutton(myroot, text - 
mychk1.place(x = 100, y = 150) 


myroot.mainloop() 


Refer to 
f k = m x f tk -— oO x 
Norma! Normal 


Disabled Disabled 


CheckButton 
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Figure 3.27: Output 
Here, 
A) Output when the Disabled button is clicked 
B) Output when the Normal button is clicked 


Note: The preceding code is covered in Program Name: Chap3 Example21.py 


In the given code, we can see that when the state of the checkbutton is 
DISABLED, the checkbutton becomes unresponsive. It is brought back to 
state - NORMAL, when the Normal button is clicked. 


We shall see an example of a CheckButton where we are using its maximum 
options: 


tkinter 


myroot - Tk() 
myroot.geometry( 


myroot.title( 


mynum1 = IntVar() 
mynum2 - IntVar() 
mys1 = StringVar() 


- mydatainsertion(): 


mynum1.get() == 1 and mynum2.get() == 0:# readin 
utt n 


mys1.set("Pyi )# 


mynuml.get() == 0 and mynum2.get() == 1: 
mysi.set("C#.N ) 


mynum1.get() == 1 and mynum2.get() == 1: 
mys1.set( to stuc th") 


mynum1.get() == @ and mynum2.get() == 0: 
mysi.set("I > | ea 


mycl = Checkbutton(myroot, variable = mynum1, font = ( 
s12), text = I n', command = mydatainsertion) 


myc1.pack() 


myc2 = Checkbutton(myroot,variable mynum2, font = ( 
212) text = , command = mydatainsertion) 


myc2.pack() 


myel = Entry(myroot, font = ( ,15), textvariable = mys1) 


myel.pack() 


myroot.mainloop() 


Output: 
Refer to Figure 3.28: 
f CheckButton widget — o xX ¢ CheckButton widget — o x 
iv Python Iv Python 
[ C#.Net iv C&.Net 
Python | love to study both 
f CheckButton widget - o x (^ CheckButton widget - o x 
[ Python [ Python 
iv C#.Net [ C#.Net 
C#.Net | hate to study both 


Figure 3.28: Output 


Note: The preceding code is covered in Program Name: Chap3_Example22.py 


In the given code, we have linked the variables mynum1 and mynum2 to the 
checkbutton, as these values will be used for reading and writing the status of 
the checkbuttons. We are reading the status of the checkbuttons (by the value 
associated with the variables) and set the value of the checkbuttons. 


Some of the commonly used methods associated with this widget are: 


select: This method will set the value to onvalue as it will set the 
checkbutton. 


deselect: This method will set the value to offvalue as it will deselect 
the checkbutton. 


flash: This method will allow checkbutton to flash between normal 
and active colors. 


invoke: This method will call the command if the checkbutton is 
clicked by the user for changing the state. 


toggle: This method will toggle between different checkbuttons. 


Let us see an example for a better understanding of these methods: 


from tkinter import * 

myroot - Tk() 

myroot.geometry( '300x250') 
myselected(): 
mychk1.select() 


mydeselect(): 
mychk1.deselect() 


mytoggle(): 
mychk1.toggle() 


myinvoke(): 
myl1 = Label(myroot, text = 'CheckStat') 
myl1.place(x = 20, y 150) 


mybtn1 = Button(myroot, text 'Select', command myselected) 
mybtn1.place(x = 50, = 50) 


mybtn2 = Button(myroot, text = 'Deselect', command = mydeselect) 
mybtn2.place(x = 50, y = 100) 

mybtn3 = Button(myroot, text = ‘Toggle’, command mytoggle) 
mybtn3.place(x = 150, y = 50) 


mybtn4 = Button(myroot, text = 'Invoke', 
mand = myinvoke) 


mybtn4.place(x = 150, y 100) 
mybtn4 .invoke() 


mychk1 = Checkbutton(myroot, text = 'CheckButton') 
mychk1.place(x = 100, y = 150) 


myroot .mainloop() 


Refer to Figure 3.29: 


f k 
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Here, 


A) When the Select Button is clicked 
B) When Deselect Button is clicked. 


CheckStat [ CheckButton 


O 
X 


Figure 3.29: Output 


C) When the value is getting toggled by clicking the Toggle button. 


Note: The preceding code is covered in Program Name: Chap3 Example23.py 


We can see that on clicking the Select/Deselect button, the state of the 
checkbutton is modified by using the select/deselect method and is toggled 
by using the toggle method. 


tkinter Radiobutton widget 


This widget will give the user multiple options where the user can select any 
one of the options. Multiple line text or images can be displayed on the 
radiobuttons. 


The syntax is: 
myr1- Radiobutton(myroot, options...) 
where, 


myroot is the parent window. Some of the lists of options that can be used as 
key-value pairs and are separated by commas are anchor, activebackground, 
activeforeground, bg, bitmap, command, bd, font, cursor, height, fg, 
highlightbackground, image, selectimage, highlightcolor, justify, padx, pady, 
selectcolor, state, text, textvariable, value, relief, underline, variable, width, 
and wrapline. 


We have seen most of the options but some undiscussed options are as 
follows: 


e command: This option will be associated with a function whenever 
the radiobutton state is changed by the user. 


e value: Each radiobutton value will be assigned to the control variable 
when it is turned on by the user. Each radiobutton in the group will 
give a different integer value option, when the control variable is an 
IntVar. Each radiobutton in the group will give a different string value 
option, when the control variable is an String Var. 


e image: This option will allow getting the image displayed in the 
widget instead of the text. 


e selectimage: This option will display the image on the radiobutton 
when it is selected. 


e selectcolor: This option will set the radiobutton color when selected. 
The default color is Red. 


e state: This option when set to DISABLED, will make the widget 
unresponsive. The default state is NORMAL. 


e text: This option will display the text next to the radiobutton. Multiple 
lines of text can be displayed using ^n'. 


e textvariable: This option allows us to update the message text, 
whenever we want and it is of String type. 


e variable: This option displays the control variable which keeps track 
of the user choices and monitors radiobutton state. 


e indicatoron: This option can allow the radiobuttons with complete 
text in a box when setting the indicator on the option to 0. 


Let us see the usage of these options with some examples: 


from tkinter import * 


myroot - Tk() 


myroot.geometry( 


COLOR1 
COLOR2 


def mydisplay(): 
if myil.get() -- 
myroot.configure(bg - COLOR1) 
elif my13i-get() — 2; 
myroot.configure(bg COLOR2) 


myil IntVar() 


myr1 Radiobutton(myroot, COLOR1, value 
able myil) 


myr1.pack() 


myr2 Radiobutton(myroot, = COLOR2, value 
able = myil) 


myr2.pack() 


mybtn = Button(myroot, text = 
mand = mydisplay) 


mybtn.pack() 


myroot .mainloop( ) 


Output: 


Refer to 


Background Click 


(A) (B) 
Figure 3.30: Output 


Here, 


A) When RadiouButton1 LightGreen is selected and the Button is clicked. 
B) When RadiouButton2 LightBlue is selected and the Button is clicked. 


Note: The preceding code is covered in Program Name: Chap3 Example24.py 


In this code, we are assigning the color names to the global variables 
(COLOR1, COLOR2). A callback function mydisplay will change the 
background color of the main form, based on the user selection. We have 
created an IntVar variable. Only a single variable is created to be used by all 
2 radiobuttons. If we select any radiobutton, then the other radiobutton will 
be unselected. We have created 2 radiobuttons and assigned them to the main 
form. The variable is then passed to be used in the callback function which 
will create the changing of background color of the window. So, when 
LightGreen radiobutton is selected, then the background color of the main 
form will be LightGreen. When LightBlue radiobutton is selected, then the 
background color of the main form will be LightBlue. 


We can display the same output by using the command option when we are 
creating radiobutton and removing the button widget, as shown: 


from tkinter import * 


myroot - Tk() 


myroot.geometry( 


COLOR1 
COLOR2 


def mydisplay(): 
if myil.get() -- 1: 
myroot.configure(bg COLOR1) 
elif myil.get() == 
myroot.configure(bg COLOR2) 


IntVar() 


Radiobutton(myroot, text = COLOR1, value 
myil, command = mydisplay) 


myr2 Radiobutton(myroot, text - COLOR2, value 
able myil, command - mydisplay) 


myr2.pack() 


myroot.mainloop() 


Output: 


Refer to 


A) 


Figure 3.31: Output 
Here, 
A) When RadiouButton1 LightGreen is selected. 
B) When RadiouButton2 LightBlue is selected. 


Note: The preceding code is covered in Program Name: Chap3 Example25.py 


We can display the image to a radiobutton as shown: 


from tkinter import * 


myroot - Tk() 


myon image = PhotoImage(width-50, height=25) 
myoff image = PhotolImage(width-50, height=25) 


myon image.put(( 
:;), to-(0, 0, 24,245) 


myoff image.put(( 2)2€:0—(0.20. 247 24) 


myrbvar - IntVar(value-1) 
myrb1 = Radiobutton(myroot, variable-myrbvar, value-0, bd-0, 


text- , compound- , indicato- 
ron-False, 


image-myoff image, selectimage-myon image) 


myrb2 = Radiobutton(myroot, variable-myrbvar, value-1, bd=0, 


text- , compound- , indicato- 
ron-False, 


image-myoff image, selectimage-myon image) 


myrb1.pack(padx=10, pady-10) 
myrb2.pack(padx-10, pady=10) 


myroot .mainloop() 


Output: 


Refer to 
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Figure 3.32: Output 


Note: The preceding code is covered in Program Name: Chap3_Example26.py 


In the given code, we can see that the image is getting displayed in the 
radiobutton. Our images have been used for the selectors with the 
radiobutton attributes, image and selectimage, which is used in conjunction 
with compound, borderwidth and indicatoron. 


We can display radiobutton with complete text in the box when indicatoron 
is set to 0. Refer to the following code: 


tkinter 
myroot = Tk() 


myrbi = Radiobutton(myroot, value-0, text= 


bg - , indicatoron 


») 


myrb2 = Radiobutton(myroot, value=1,text= 


, indicatoron- ) 


myrb1.pack(padx=10, pady-10) 
myrb2.pack(padx-10, pady-10) 


myroot.mainloop() 


Output: 
Refer to Figure 3.33: 
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Figure 3.33: Output of Chap3_Example27.py 


X 


Note: The preceding code is covered in Program Name: Chap3 Example27.py 


We can see that we have set the background of these radiobutton boxes as 
LightGreen, and the selected ones are sunken and are having a white 
background. 


We can also set the color of the radiobutton when selected, as shown: 


from tkinter import * 
myroot = Tk() 
def selectcolor indicatoronTrue(): 


mychk1[ j| = 


selectcolor_indicatoronFalse(): 


mychk2[ | = 


mychk1 = Radiobutton(myroot, text = com- 


) 


mand = selectcolor_indicatoronTrue, indicatoron = True, value 


mychk1.place(x = 50, y = 50) 
mychk2 - Radiobutton(myroot, text - com- 


5 


mand - selectcolor indicatoronFalse, indicatoron - False, value 
mychk2.place(x - 50, y - 100) 


myroot.mainloop() 


Output: 


Refer to 


($ RadioButton! C RadioButton! 


RadioButton2 | | RadioButton2 


Figure 3.34: Output 


Note: The preceding code is covered in Program Name: Chap3 Example28.py 


In this code, we can see that when Radiobutton1 is selected, then its color is 
changed to LightGreen and when RadioButton2 is selected, then its color is 
changed to Blue. 


Some of the commonly used methods associated with this widget are: 
e select: This method will set/select the radiobutton. 
e deselect: This method will deselect/turn off the radiobutton. 


e flash: This method will allow radiobutton to flash between normal and 
active colors several times. 


e invoke: This method will call mandatory action when radiobutton 
state is changed. 


We shall see some examples related to these methods: 


tkinter 
myroot = Tk() 


myselect(): 


mychk2.select() 
mychk2[ 


mydeselect(): 


mychk2.deselect() 
mychk2[ 


mychk1 = Radiobutton(myroot, , indicato- 
ron = True, value = 2) 


mychk1.place(x = 50) 
mychk1.invoke() 


mychk2 - Radiobutton(myroot, , indicato- 
ron - False, value - 1) 


mychk2.place(x - 50, y - 50) 


mybtn1 = Button(myroot, text , command - myselect) 
mybtn1.place(x = 50, y = 100) 


mybtn2 - Button(myroot, text - , command - mydeselect) 
mybtn2.place(x - 50, y - 150) 


myroot.mainloop() 


Initial Output RadioButton1 is invoked: 


Refer to 
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Figure 3.35: Output 
Refer to Figure 3.36: 


Output when Select button is clicked Output when Deselect button is 
clicked. 


f tk — m x 8 tk — o x 
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Select | Select 
Deselect Deselect 


Figure 3.36: Output 


Note: The preceding code is covered in Program Name: Chap3 Example29.py 


In the above code, Radiobutton1 is activated by default when the GUI code 
is run. When the select button is clicked, then RadioButton2 is selected and 
RadioButtonl1 is deselected. When Deselect button is clicked, then 
RadioButton2 is deselected and RadioButton! is selected as shown below. 


tkinter OptionMenu widget 


This widget creates a pop-menu and button where the user can select one 
option at a time from a list of options. 


We have to pass in the tkinter variable to get the currently selected value 
from an options menu: 


tkinter 
myroot = Tk() 


myroot.title( 


myroot.geometry( 


myvar = StringVar() 


myvar.set( ) 


myselection - OptionMenu(myroot, myvar, 
, ) 


myselection.pack() 


mydisplay(): 


( , myvar.get()) 


mybtn show - Button(myroot, text- , command-mydisplay) 
mybtn show.pack(pady - 30, side - LEFT, anchor - N) 


myroot.mainloop() 


Output: 
Refer to Figure 3.37: 
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Figure 3.37: Output of Chap3_Example30.py 


Note: The preceding code is covered in Program Name: Chap3_Example30.py 


In this code, a tkinter variable is created, which is bound to the OptionMenu 
which will read the currently selected option from OptionMenu and will set 
the current value for the menu. Here, ‘Litchi’ is set as the current value (A). 
An OptionMenu widget is created with the first parameter as the parent 
widget and the remaining parameters as options. Users can select any value 
by clicking the button such that a pop menu will be shown (B). We have 
selected Apple and the text display is shown on the button (C). A button 
‘Myshow’ is created with a command such that whenever the user clicks on 


it, the selected value is taken from the OptionMenu and displayed on the 
console. 


We can generate the same output by creating OptionMenu from the option 
list as shown here: 


from tkinter import * 
myroot - Tk() 


myroot.title("Fruit Selection") 
myroot.geometry( '300x150') 


myoptions - ['Litchi', "Mango", "Apple", "Banana"] 


myvar - StringVar(myroot) 


myvar.set(myoptions[0]) 


myselection - OptionMenu(myroot, myvar, *myoptions) 


myselection.pack() 


mydisplay(): 


("The chosen value , myvar.get()) 


mybtn show - Button(myroot, text-"Myshow", command-mydisplay) 
mybtn show.pack(pad) 3€ ide LEFT, anchor = N) 


myroot .mainloop() 


Note: The preceding code is covered in Program Name: Chap3_Example31.py 


Conclusion 


In this chapter, we learned about the four important tkinter widgets where we 
saw their most commonly used options with multiple examples. We saw 
multiple user interactive examples highlighting their applications. We saw 
how an event was binded with a function with their important arguments. 
The binding of events to these widgets with multiple examples and different 
methods including lambda expressions was explained with examples. The 
instance level, application level and class level binding were well explored. 
Moreover, the background color of the main window was changed based on 
mouse enter, mouse leave, function press, keypress events and so on. Most 
importantly we need to know when to use these four widgets as per our 
need. 


Points of remember 


e Button widget in tkinter is the most commonly used widget for 
creating GUI applications in tkinter. 


e Checkbutton widget gives the provision to the user to select more than 
one option. 


e Radiobutton widget gives the provision to the user to select exactly 
one of the predefined sets of options will be chosen. 


e Option-Menu widget allows the user to display how a pop-menu and 
button widget will be created for an individual option selection from a 
list of options. 


e Binding an event to a widget instance is called instance binding. 
Binding an event to entire application is called application-level 
binding. Binding an event to a particular class level is called class- 
level binding. 


Questions 


1. Explain the usage of the tkinter Button widget. 


2. Which widget is used for interaction with the user, explain in detail. 


3. Write short notes on Events and Bindings. 
4. Explain different event types in Tkinter. 
5. Explain the usage of the tkinter Check button widget. 


6. How to select multiple options, and explain the widget used for this 
purpose. 


7. Explain the usage of the tkinter Radiobutton widget. 
8. Explain the usage of the tkinter OptionMenu widget. 


9. Which widget is used to create a pop-menu and button where the user 
can select one option at a time from a list of options? Explain in detail 
with an example. 
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CHAPTER 4 
Getting Insights of Input Widgets in tkinter 


Introduction 


In tkinter, users can enter data into a programme using input widgets, which 
are GUI components. There are several different types of input widgets, 
including text fields, check boxes, radio buttons, and drop-down menus. 
Using the suitable classes and methods offered by the library, these widgets 
can be added to a GUI window in tkinter. After being introduced, input 
widgets can be customized to meet the needs of the application by 
establishing default values, applying validation criteria, or imposing input 
volume restrictions. They can also be connected to programme logic, so that 
when a user interacts with them, a variable is updated or an event is started. 
Overall, input widgets offer a straightforward and understandable way to 
interact with software and enter data, and they are a crucial part of the 
majority of GUI programmes. 


Structure 


In this chapter, we will discuss the following topics: 
e tkinter Entry widget 
e tkinter Scrollbar widget 
e tkinter Spinbox widget 
e tkinter Scale widget 


e tkinter Text widget 


e tkinter Combobox widget 


Objectives 


In this chapter, the reader will firstly learn about the creation of a simple 
GUI app using the tkinter Entry widget in a very neat way with various 
options and explanations, followed by different examples. Then, the 
validation concept in the Entry widget is also explained. Next, we shall see 
about the scrollbar widget where the user will look into the scrolling 
capability in the vertical or horizontal direction with different widgets such 
as List Box, Entry, and Text. Another one is the tkinter Spinbox widget 
where the range of input values will be fed to the user, out of which the user 
can select one. Next, we will explore how to implement a graphical slider to 
any Python application program by using the tkinter Scale widget followed 
by the concept of the tkinter Text widget, where the user can insert multiple 
text fields. Finally, we will be dealing with the tkinter Combobox widget and 
its applications. 


tkinter Entry widget 


A widget that accepts single-line text strings from the user. A single line of 
text can be entered or displayed in this widget. It generally comes with a 
label because it is unclear what the user should type if we are not mentioning 
labels. The addition of more than one input field is allowed. 


The syntax is: 
myli- Entry(myroot , options...) 


where, 
e myroot is the parent window. 


e Some of the lists of options that can be used as key-value pairs and are 
separated by commas are bg, command, bd, cursor, exportselection, 
font,  highlightcolor, justify, fg, relief, ^ selectborderwidth, 


selectbackground, — selectforeground, state, show,  textvariable, 
xscrollcommand, and width. 


We have seen the maximum options and will discuss those options which we 
have not discussed: 


command: Every time, the operation needs to happen when the state 
of the Entry widget is changed. 


exportselection: Whenever the text is selected within an Entry widget 
and if exportselection is set to 0, the automatic export to the clipboard 
is restricted. 


selectborderwidth: This option will use border width around selected 
text and the default is 1 pixel. 


state: This option, when set to DISABLED, will make the Entry 
widget unresponsive and will go out the control. The default state is 
NORMAL. 


show: When there is a requirement to display some sort of special 
character in the Entry widget, this special character takes place in the 
actual text position. We all know that a password always takes a 
special character asterisk’*’, whenever we try to log in to any account. 


textvariable: This option is set to StringVar class instance when there 
is a need to retrieve the current text from the Entry widget. 


xscrollcommand: This option will allow us to link the horizontal 
scrollbar to an Entry widget when we are entering more text than the 
actual widget width. 


This example depicts the usage of state and textvariable options in the Entry 
widget, as shown: 


from tkinter import * 


"Eime ( self, myro ot) z 
.myvar - StringVar() 
.myvar.set('python') 


-myl1 = Label(myroot, text 'Normal state') 
-myli.grid(row = 0, colum 0) 


.myl2 - Label(myroot, text ‘Disabled state') 
.myl2.grid(row = 1, co = 0, pady = 10) 


.myl3 = Label(myroot, text 'Readonly state’) 
.myl3.grid(row = 2, col pady - 10) 


.mye1 = Entry(myroot, 
width-15, state - 'normal') 
.myel.grid(row = 0, column = 
.mye2 - Entry(myroot, textvariable- 
width-15, state = 'disabled') 
.mye2.grid(row - 1, column - 1, padx - 


Entry(myroot, textvariable- 
width-15, state 'readonly') 


.mye3.grid(row - 2, column - 1, padx 
1f name se — S TN es 
myroot = Tk() 
myobj = MySTATE(myroot) 


myroot.mainloop() 


Output: 


The output can be seen in Figure 4.1: 


f tk — o x 


Normal state python 


Disabled state python 


Readonly state python 


Figure 4.1: Output 


Note: The preceding code is covered in Program Name: Chap4_Example1.py 


In the above code, we are creating 3 Entry widgets in the parent widget 
having each state as normal, disabled, and read only. We can see that when 
the Entry widget is in the normal state, it can accept input from the user 
which can be changed if required. When the Entry widget is in a disabled or 
read only state, it means that it cannot be changed by the user. 


Now, we shall see the usage of the show and selectborderwidth option using 
the entry widget, as shown: 


tkinter 


__init__(self, myroot): 


self.myl1 = Label(myroot, text 


self.myl1.grid(row = 0, column 


self.myl2 - Label(myroot, text ) 
self.myl2.grid(row - 1, column - 0, pady - 10) 


self.myel = Entry(myroot, width-15,  selectborderwidth 
self.myel.grid(row - 0, column - 1, padx - 10) 
self.mye2 - Entry(myroot, width-15,show- ) 
self.mye2.grid(row - 1, column - 1, padx 10) 


def mydisplay(): 
print( + self.myel.get()) 
print( +self.mye2.get()) 


self.mybtn = Button(myroot, text = 
mand = mydisplay, font = ( 2:121) 


self.mybtn.grid(row - 2, columnspan 


1f name == 
myroot - Tk() 
myobj - MyLogin(myroot) 
myroot.title( 
myroot.geometry( 


myroot.mainloop() 


Output: 


The output can be seen in 


4 Login Page — o x 


Username 


eee 


Login | 


Figure 4.2: Output 


Password 


Note: The preceding code is covered in Program Name: Chap4_Example2.py 


Output when the Login button is clicked: 
The username is: alliumsepa 
The password is: hello123 


In the above code, we have written the password using an asterisk sign by 
setting it as ‘*’. This option is used when we are entering very confidential 
data. Moreover, when the text written inside the Entry widget is selected, the 
selectborderwidth is set to 3. If we remove the selectborderwidth option, which 
is by default 1, then observe the output shown in Figure 4.3: 


r Login Page - oO x 
Username 
Password  |******** 


Login | 


Figure 4.3: Output when selectborderwidth option is removed 


Now, we shall see the most commonly used methods with this widget, which 
are as follows: 


* delete( first, last-None ): This method will delete the specified 
characters inside the entry widget, starting with the one at the index up 
to, but not including, the character at the last position. 


from tkinter import * 


class MydeleteExample(Tk): 
def — init (self): 
super(). init () 
self.title( 


self.myel1- Entry(self,font 
,12),width = 30, bd = 5) 


self.myel.pack(side = LEFT) 


self. button1 = Button(self, text= 
mand=lambda: mydelete(self,self.mye1)) 


self.button1.pack(pady = 32) 


def mydelete(self, myentry): 
myentry.delete(first-0,1ast-15) 


if | name  -- 
myroot = MydeleteExample() 
myroot.geometry( '400x100') 


myroot.mainloop() 


Output: 


The output can be seen in 


f MyDelete Example -— o X 


pulchitudrinous12345678q Delete the text | 


Figure 4.4: Output 


The output when Delete the text button is clicked, can be seen in Figure 4.5: 


f MyDelete Example — o x 


123456789 Delete the text 


Figure 4.5: Output when Delete the text button is clicked 
Note: The preceding code is covered in Program Name: Chap4 Example3.py 


From the above code, we can see that the characters starting from index 0 to 
index 14 will be deleted from the Entry widget on pressing the Delete the text 
button. 


* get(): This method will return the current text as a string written inside 
the Entry widget. 


* icursor(index): This method will change the insertion cursor position. 
The index of the character is to be specified before which the cursor is 
to be placed. 


* insert(index,mystr): This method will insert the specified string mystr 
before the character is placed at the specified index. 


from tkinter import * 


class MyCursorPosition(Tk): 
def — init (self): 
super(). init () 
self.title( 


self.mye1- Entry(self,font = 
,12),width - 20, bd - 5) 


self.myel.pack(side = LEFT) 
self.myel1.focus() 
self.myel.insert(0, 


self.myel.icursor(90) 


self.button1 - Button(self, text- 
, command-lambda: myposition(self,self.mye1)) 


self.button1.pack(pady = 32) 


def myposition(self, myentry): 


myentry.icursor(3) 


if | name  -- 
myroot - MyCursorPosition() 


myroot.geometry( ) 


myroot.mainloop() 


Output: 


The output can be seen in 


¢ MyCursorPosition Example = L1 X 


[Demonstration Position the cursor 


Figure 4.6: Output 


The output when the button Position the cursor is clicked, can be seen in 
Figure 4.7: 


¢ MyCursorPosition Example = o X 


[Dembnstrati on Position the cursor 


Figure 4.7: Output when the button Position the cursor is clicked 


Note: The preceding code is covered in Program Name: Chap4 Example4.py 


In the above code, the specified string ‘Demonstration’ is inserted before the 
character at the given index 0. By default, the cursor is positioned at index 0 
and when the button Position the cursor is clicked, the cursor will be placed 
before the character index position 3. 


* index(index): This method will place the cursor written at the specified 
index to the left of the character. 


e select adjust(index): This method will include the character selection 
present at the specified index. 


from tkinter import * 


. init (self): 
super(). init () 
.title('MyIndex and Select adjust Example’) 


.mye1l- Entry( ZLOnt oS AT 
al 1295wrydkhs-2207 hd:;5) 


.myel.pack(side = LEFT) 
.nye1.focus() 
.nyel.insert(0,' 'Demonstration') 


.nyel.icursor(0) 


.button1 - Button( , text-" Index", command- 
i .mye1)) 
.button1.pack(pady = 12) 


.mybtn2 = Button( , text-"select adjust", com- 
mand- : myselect adjust( i .mye1)) 
.mybtn2.pack(pady = 10) 


myindex(self, myentry): 


myentry.icursor( .mye1.index(6)) 


myselect adjust(self, myentry): 
myentry.select adjust(5) 


if | name 4 == " main _ 
myroot - MyIndex Select adjust() 
myroot.geometry( '400x100') 


myroot.mainloop() 


Default output when run: 


The output can be seen in Figure 4.8: 


f Mylndex and Select_adjust Example — o X 


Index 
select adjust | 


Figure 4.8: Output 


[Demonstration 


The output when Index button is clicked, can be seen in Figure 4.9: 


r Mylndex and Select, adjust Example — o X 


Index | 
select adjust 


Figure 4.9: Output when Index button is clicked 


[Demongtration 


The output when select, adjust button is clicked, can be seen in Figure 4.10: 


Ë Mylndex and Select adjust Example = O x 


Index 
select_adjust 


Figure 4.10: Output when select_adjust button is clicked 


Demons 


Note: The preceding code is covered in Program Name: Chap4 Example5.py 


In the above example, we can see that when the Index button is clicked, the 
cursor is placed to the left of the character written at the specified index 6. 
When the select, adjust button is clicked, it will allow the selection of the 
characters highlighted in blue color at a specified index. 


e select from(index): This method will set the index position to anchor 
the character index selection. 


select clear(): This method will clear the selection if some selection has 
been done else it has no effect. 


select range(start, end): This method will select the text in the Entry 
widget between the specified range, that is, the text will be selected at 
the start index up to, but not including the character at the end index 
position. 


select to(index): This method will select all the characters from the 
anchor position, that is, from the beginning, to the specified index, but 
not including the character at the given index position. 


select present(): This method will return True if there is some text 
selected in the Entry widget else returns False. 


from tkinter import * 


class MySelectMethods(Tk): 
def | init (self): 
super(). init () 
self.title( 


self. 
myel- Entry(self,font = ( ,12),width 


self.myel.pack(side = LEFT) 
self.myel1.focus() 


self.mye1.insert(0, 


self.myel.icursor(9) 


self.myel.select clear() 


self.button1 = Button(self, text= 
, command-lambda: myselect to(self,self.mye1)) 


self.button1.pack(pady = 5) 


self.mybtn2 = Button(self, text= 


command- : myselect from( 


.mybtn2.pack(pady = 5) 


.mybtn3 - Button( text-"select 
range", command- : myselect range( : .mye1)) 


.mybtn3.pack(pady = 5) 


.mybtn4 = Button( , text-" select 
immand- : myselect clear( E .mye1)) 


.mybtn4.pack(pady = 5) 


.mybtn5 = Button( , text-" select 
present", command- : myselect present( 5 .mye1)) 


.mybtn5.pack(pady = 5) 


myselect to(self, myentr 


myentry.select to(4) 


myselect from(self, myentm( 


myentry.select from(1) 


myselect range(self, myentry): 


myentry.select range(6,9) 


myselect clear(self, myen 


myentry.select clear() 


myselect present(self, myentry): 
(myentry.select present()) 

if | name _ ~ main |: 
myroot = MySelectMethods() 
myroot.geometry( '400x200') 


myroot.mainloop() 


Default output when run: 


The output can be seen in Figure 4.11: 


i Mylndex and Select_adjust Example - D X 


select t 


o 


select from 


select range 
[Demonstration 
select_clear | 


select present 


Figure 4.11: Output 


The output when the select to button is clicked, can be seen in Figure 4.12: 


¢ Myindex and Select, adjust Example = o x 
select_to 
select_from 
x select_range 
(af oenstration : 


LT 
select clear 
select present 


select_present 


Figure 4.12: Output when select_to button is clicked 


We can see from the above code that when the select_to button is clicked, all 
the characters from the anchor position, that is, from the beginning 0 to the 
specified index 4 but not including the character at the given index position, 
that is, till index 3, will be selected. 


Output when the select_range button is clicked: 


Refer to Figure 4.13: 


(^ Mylndex and Select adjust Example = o X 


IL 
BEES] 
EREES 

ces] 


Figure 4.13: Output when select, range button is clicked 


We can see that when the select, range button is clicked, characters from 
index position 6 to index position 8 are selected. That is why we can view 
that characters 'tra are highlighted in blue color. 


The output when select, from button is first clicked followed by clicking of 
select. to button, can be seen in the following Figure 4.14: 


f Myindex and Select adjust Example — o X 


select.to| 
select from | 
select cea 
select present 


Figure 4.14: Output when select. from button is clicked 


When the select from button is first clicked, the anchor index position is set 
to the character selected by index 1. Now, when we again click the select. to 


button, the index position, and the text from the anchor position, that is, 1 up 
to index position 3 will be selected as shown in the following figures. 


Output when the select. present button is clicked: 


Refer to Figure 4.15: 
¢ Mylndex and Select adjust Example E LI X 
select to 

select from | 

- select_range 

I emo nstration 

select clear 

select present 


$ python mypythonguiprog.py 


True 


|] 


Figure 4.15: Output when select. present button is clicked 


When the select, present button is clicked, True is returned since there is a 
selection in the Entry widget as shown. 


The output when the select, clear button is clicked can be shown in Figure 
4.16: 


( Mylndex and Select adjust Example = oO X 


select to 
select from 
l select_range 
[Demonstrati on 
select_clear 


select_present 


UE 


Figure 4.16: Output when select. clear button is clicked 


Note: The preceding code is covered in Program Name: Chap4 Example6.py 


When the select clear button is clicked, the selection is cleared without 
deleting the content as shown. 
Now, if we will click the select. present button, we will return False. 


* xview_scroll(number, what): This method will scroll the Entry widget 
horizontally. The first argument number must be either in UNITS or 
PAGES where scrolling can be done by character widths or by chunks 
to the size of the Entry widget. The scrolling is done from left to right 
when positive or from right to left when negative. 


e xview(index): This method will link a horizontal scrollbar in the Entry 
widget, as shown: 


from tkinter import * 


(Tk): 
. init (self): 
super(). init () 
mysobj scroll - Scrollbar( „Orient = 'horizontal') 


myel = Entry( ,xscrollcommand = mysobj scroll. 
set, font - ('Calibri',12)) 


mye1.-focus() 
myel.pack(side- 'bottom', fill = X) 
mysobj scroll.pack(fill = X) 


mysobj scroll.config(command - myel.xview) 


myel.insert(0, ‘We should follow social distanc- 
ing when we are going outside from our home. It is mandato- 
ry to follow.') 


if name .-- " main ^" 
myroot - MyScrollbarEntry() 
myroot.geometry( '400x200') 


myroot.mainloop() 


Output: 


The output can be seen in Figure 4.17: 


We should follow social distancing when we are going outsid 


Figure 4.17: Output 


Note: The preceding code is covered in Program Name: Chap4 Example7.py 


In this code, we are linking a horizontal scrollbar to an Entry widget. We can 
see a scrollbar at the top of the Entry widget. 


Validation in the Entry widget 


There will be some cases where the text written inside an Entry widget is to 
be checked to make sure that it is valid according to some rule. Such 
validation on an Entry widget can be done as follows: 


e A callback function is defined, which will check the text in the Entry 
and will return True if valid, and otherwise, it will return False. The 
text will be unchanged if the callback returns False. 


e Next is to register the callback function. A character string is returned 
which will be used to call the function. 


* Then, validate the input in the Entry widget by calling the callback 
function. The options used are described as follows. 


validate: This option will be used to specify when to call the callback 
function to validate the input. The values of the validate command are: 


none: If the validation is set to None, then no validation occurs. It is 
the default mode. 


focus: If the validate is set to focus, the validatecommand is called twice 
when the Entry widget receives focus and when the focus is lost. 


focusin: The validatecommand is called when the widget has focus. 


focusout: The validatecommand is called when the widget has lost 
focus. 


key: The validatecommand is called whenever any input from the 
keyboard changes the widget's contents. 


all: The validatecommand will be called in all the above cases. 


validatecommand: This option is used to specify the callback function, that is, 
what arguments our callback function would like to receive. The callback 
function is needed to know what text appears in the Entry widget, but this 
callback function will not be called directly but rather by a variable that is 
passed and registered in the previous steps. A number of items of 
information are also provided to the callback via substitution codes which 
are as follows: 


%d: This substitution code is an action type that occurred on the 
widget, 0 for attempted deletion, 1 for attempted insertion, and -1 for 
focus, forced, or textvariable validation. 


%i: Whenever any text is inserted or deleted, this substitution code 
will be an index of the beginning of deletion or insertion. If the 
callback is due to focusin, focusout, or change in the textvariable, it 
will be -1. 


%P: This substitution code will be the value the widget will have if the 
change is allowed. 


%s: This substitution code denotes the current text in the Entry widget 
prior to editing. 


%S: This substitution code denotes the text being inserted or deleted. 


%v: This substitution code denotes the validation type currently set. 


e %V: This substitution code denotes the validation type for which the 
callback is triggered like focusin, focusout, key, forced, or 
textvariable. 


* %w: This substitution code denotes the widget's name. 
Let us see an example. 


It should be kept in mind that in the above example, we are using classes. 
So, we will be using methods instead of functions. The same code can be 
replicated without using classes. So, we will be using the term functions. 
Refer to the following code: 


from tkinter import * 
class MyValidate(Tk): 
def — init (self): 
super(). init () 


self.myl@ = Label(self, text= 
s front, =a 2412)) 


self.myl@.place(x = 10, y = 30) 


self.mye1 = Entry(self, font 
self.myel.place(x - 150, y - 30 


self.myl1 = Label(self, text= Tg- 
self.myl1.place(x = 70, y = 50) 


self.myreg = self.register(self.mycallback) 


self.invalidcmd = self.register(self.myinvalid_name) 


self.myel.config(validate = , validatecommand -(self. 
), invalidcommand - (self.invalidcmd, y) 


mycallback(self, myinp): 


if myinp.isdigit(): 
print(myinp) 
self.myl1.config(text-' ') 


return True 


elif myinp is 
print(myinp) 
self.myl1.config(text-' ') 


return True 


else: 
print(myinp) 


return False 


myinvalid name(self, myCh): 
self.myli1.config(text-(f 


if | name  -- 
myroot - MyValidate() 
myroot.geometry( 


myroot.mainloop() 


Output: 


Refer to 


f tk 


Enter the number: |123 


Invalid character f 
name can only have numbers 


Figure 4.18: Output 


Note: The preceding code is covered in Program Name: Chap4 Example8.py 


Output at the console: 


In the preceding code, we have created 2 labels and 1 Entry widget and 
positioned them in the parent widget. In V1, a string is returned which will 
be assigned to a variable myreg and the position will call the mycallback 
method. 


In V2, a string is returned which will be assigned to a variable invalidcmd 
and will call the myinvalid name method. 


In V3, we are using the options validate, validatecommand, and 
invalidcommand. The key option in validate will specify that validation 
occurs whenever any input from the keyboard changes the Entry widget 


options. The validate command will specify the mycallback method and is 
called by passing a variable myreg. The invalidcommand is optional and will 
specify the myinvalid name method and is called by passing a variable 
invalidcmd. The myinvalid name method will be called when the 
validatecommand returns False when we are entering alphabets. 


In C1, the mycallback method returns True when we enter any digits from 
our keyboard as its value is allowed in the entry widget. 


In C2, the digits can be erased by using the backspace key. 


In C3, the mycallback method returns False, when the user enters the 
alphabet from the keyboard and its value is not allowed in the Entry widget. 


The input is getting displayed on the console whether any insertion and 
deletion of digits or alphabets are entered from the keyboard. The digits are 
added and can be erased. 


The same code can be written without using any class. So, here we can use 
the term function instead of method. 


tkinter 


myroot - Tk() 


myroot.geometry( 


mylO = Label(myroot, text= te 
‘Mag Bae See j 2123) 


mylO.place(x = 10, y = 30) 
mye1 = Entry(myroot, font = 
myel.place(x - 150, y - 30) 
myl1 = Label(myroot, text= 
myli.place(x = 70, y = 50) 


lef mycallback(myinp): 
myinp.isdigit(): 
print(myinp) 
myli1.config(text-' ') 


rue 


myinp is 


print(myinp) 
myli1.config(text-' ') 


rue 


print(myinp) 
False 


def myinvalid name(myCh): 
myl1.config(text-(f 
} \n name n 


myreg = myroot.register(mycallback) 


invalidcmd = myroot.register(myinvalid name) 


myel.config(validate -"key",  validatecommand -(myreg, 
validcommand - (invalidcmd, =) 


myroot .mainloop() 


Note: The preceding code is covered in Program Name: Chap4_Example8_2.py 


We will get the same output. 


tkinter Scrollbar widget 


This widget will add the scrolling capability to the various widgets such as 
ListBox, Canvas, Entry, and Text. The vertical scrollbar can be implemented 
in ListBox, Canvas, and Text widgets whereas the horizontal scrollbar can 
be implemented in the Entry widget. The content is rolled through vertically 
or horizontally. 


The syntax is: 
mysc1- Scrollbar(myroot, options...) 


where, 
e myroot is the parent window. 


e Some of the lists of options that can be used as key-value pairs and are 
separated by commas are bg, bd, activebackground, cursor, command, 
elementborderwidth, highlightcolor, highlightbackground, 
highlightthickness, orient, jump, repeatdelay, repeatinterval, width, 
takefocus, and troghcolor. 


We have seen most of the options but some undiscussed options are as 
follows: 


e command: This option will associate with a function whenever the 
scrollbar is moved by the user. 


e elementborderwidth: This option will specify the border width around 
the arrow heads/cursor points and slider. The default value of 
elementborderwidth is -1 and can be set as per need. 


* orient: This option will allow the orientation scrollbar and can be set to 
either HORIZONTAL or VERTICAL. 


e jump: This option will control the scroll jump behavior. The default 
value is 0 where every small slider drag will cause the command 


callback to be called. The callback is not called when set to 1, until the 
user releases the mouse button. 


repeatdelay: This option whose default duration is 300msec will allow 
controlling the duration of the button1 to be held down in the trough 
before the slider will start moving in that direction repeatedly. 


repeatinterval: This option is for repeating the slider interval whose 
default value is 100msec. 


takefocus: This option will allow tabbing the focus through the 
scrollbar widget. We can set this option to 0 when not needed. 


troughcolor: This option will allow setting the trough color. 


The methods used in this widget are as follows: 


get: This method will represent the current scrollbar position and will 
return the numbers a and b, where a represents the slider top or left 
edge for horizontal or vertical scrollbars and b represents the slider 
bottom or right edge. 


set(first, last); This method will allow connecting the scrollbar to the 
other widget. The widget xscrollcommand or yscrollcommand will be set 
to the scrollbar's set method. 


pack: This method will set the slider alignment. 


Now, we shall see some examples of scrollbar with other widgets. 


Scrollbar attached to Listbox 


Refer to the following code: 


from tkinter import * 
. init (self): 
super(). init () 


.mysclbar = Scrollbar( 


.nysclbar.pack(side-RIGHT, 


.mylstbox = Listbox( 


.mylstbox.config(yscrollc 
bar.set) 


for loop range(50): 


.mylstbox.insert(END, (loop)) 


.mylstbox.pack(side-"left", fill-BOTH) 


.mysclbar.config( command- .mylstbox. 
yview) 


if | name == ‘'_main_': 


myroot = Scrollbar_ListBox() 


myroot.mainloop() 


Output: 


The output can be seen in the following Figure 4.19: 
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Figure 4.19: Output 


Note: The preceding code is covered in Program Name: Chap4 Example9.py 


Scrollbar attached to Text 


Refer to the following code: 


tkinter 


| init (self): 


super(). init () 


.mysclbar = Scrollbar( 


.mysclbar.pack(side-RIGHT, fill-Y) 


.sclhbar - Scrollbar( orient HORIZONTAL ) 
.sclhbar.pack(side = BOTTOM,fill = X) 


-mytxt = Text( 
600, 


| 1] command- .mysclbar.set, 


.sclhbar.set, 


.mytxt.pack(expand 


for loop range(26): 


.mytxt.insert(END, (loop) + ‘\t') 


for loop range(50): 


.mytxt.insert(END, (loop) + ‘\n') 


. sclhbar . config( command= -mytxt. 


.mysclbar . config ( command= 


myroot = Scrollbar_Text() 


myroot. geometry ( '300x300') 


myroot.mainloop() 


Output: 


The output can be seen in the following Figure 4.20: 
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Figure 4.20: Output 


Note: The preceding code is covered in Program Name: Chap4_Example10.py 


Scrollbar attached to Canvas 


The output can be seen in the following Figure 4.21: 


from tkinter import * 


class Scrollbar Canvas(Tk): 
def — init (self): 
super(). init () 


mycanvas = Canvas(self, width=150, height=50) 
mycanvas.create oval(20, 20, 80, 80, fill- 
mycanvas.create oval(200, 200, 280, 280, fill- 


mycanvas.grid(row-0, column-0) 


myscroll x - Scrollbar(self, orient- , command-- 
mycanvas.xview) 


myscroll x.grid(row-1, column-0, sticky-EW) 


myscroll y = Scrollbar(self,  command-mycanvas.yview) 


myscroll y.grid(row-0, column-1, sticky-NS) 


mycanvas.configure(scrollregion-mycanvas.bbox- 


)) 


if | name  -- 


myroot - Scrollbar Canvas() 


myroot.geometry( 


myroot.mainloop() 


Output: 


The output can be seen in the following 


f tk = o x 


Figure 4.21: Output 


Note: The preceding code is covered in Program Name: Chap4 Examplel11.py 


Scrollbar attached to Entry 


Refer to the following code: 


tkinter 


Eun selme 


super(). init () 


sclhbar - Scrollbar(self,orient - HORIZONTAL) 
sclhbar.pack(side - BOTTOM,fill - X) 


myel = Entry(self,xscrollcommand-self.sclhbar. 


myel.pack(expand = 0, fill-BOTH) 


for loop in range(26): 


self.myel.insert(END, str(loop) + 


self.sclhbar.config( comnand-self.mye1. 
xview) 


if | name  -- 


myroot = Scrollbar Entry() 


myroot.geometry( 


myroot.mainloop() 


Output: 


The output can be seen in the following 


f tk — " x 


Figure 4.22: Output 


Note: The preceding code is covered in Program Name: Chap4 Example12.py 


tkinter Spinbox widget 


This widget will allow the user to choose from some fixed range of values. It 
is an alternative to the Entry widget which provides values range to the user, 
from where the user can select the one. It specifies the values to be allowed 
which can be either a range or a tuple. 


The syntax is as follows: 
mysp1= Spinbox(myroot, options...) 


where 
* myroot is the parent window. 


e Some of the lists of options that can be used as key-value pairs and are 
separated by commas are bg, bd, activebackground, cursor, command, 
disabledbackground, disabledforeground, font, fg, format, from , 
relief, justify, repeatdelay, state, repeatinterval, textvariable, to, values, 
validate, validatecommand, wrap, width, and xscrollcommand. 


We have seen most of the options but some undiscussed options are as 
follows: 


e command: This option will call the function or method whenever there 
is the movement of the scrollbar. So, by using the command option we 
are adding functionality to the above widget. 


e format: This option will be used for formatting the string and there is 
no default value. 


* from : This option displays the minimum limit value which will show 
the widget starting range. 


e repeatdelay: This option will control the button autorepeat and is given 
in milliseconds. 


repeatinterval: This option is similar to repeatinterval and is given in 
milliseconds. 


textvariable: This option will have no default value and is a control 
variable that will control the widget behavior text. 


to: This option displays the maximum limit value of the widget. 


validate: This option will represent the validation mode and its default 
value is None. 


validatecommand: This option will represent the validation callback 
and there is no default value. 


wrap: This option will be wrapping the up and down button of the 
above widget. 


xscrollcommand: This option will be set to the above widget set() 
method for scrolling the widget horizontally. 


Some of the commonly used methods in the above widget are as follows: 


delete(startindex [,endindex]): This method will delete the characters 
within the specified range. 


get(startindex [,endindex]): This method will get the characters within 
the specified range. 


identify(x,y): This method will identify the widget’s element within the 
specified range. 


index(index): This method will get the absolute value of the given 
index. 


insert(index [string]... This method will insert the string at the 
specified index. 


selection, clear(): This method will clear the selection. 


selection get(): This method will return the selected text and will raise 
an exception if there is no selection. 


We shall see some examples for better understanding. 


Let us create a spinbox: 


tkinter 


myroot - Tk() 
myroot.geometry( 


myroot.title( 


mys1 = Spinbox(font = ( abby, nsede- SIG, ideo m ls), 


mys1.pack() 


myroot.mainloop() 


Output: 


The output can be seen in the following Figure 4.23: 
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Figure 4.23: Output 


Note: The preceding code is covered in Program Name: Chap4_Example13.py 


In the above code, we have created a spinbox with a minimum value of 10 
and a maximum value up to 20. 


Instead of using a range, we can also specify a set of values, as shown: 


tkinter 


myroot - Tk() 


myroot.geometry( 


myroot.title( 


mys1 = Spinbox(font = ( 15) 
ues = (10,35,49,40), bd = 10, 


relief = RAISED) 


2 


mysl.pack(pady = 10) 


myroot.mainloop() 


Output: 


The output can be seen in the following Figure 4.24: 


¢ SpinBox f SpinBox = L1 X 


10 = 35 S 


¢ SpinBox = O X f SpinBox - Ll X 


49 = 40 = 


Figure 4.24: Output 


Note: The preceding code is covered in Program Name: Chap4_Example14.py 


We can also display string values to a spinbox and perform a callback 
function on the movement of the spinbox, as shown: 


from tkinter import * 
myroot = Tk() 
myroot.geometry( '300x300') 


al - StringVar() 


mydisplay(): 
myroot.configure(bg = al.get()) 


Spinbox(font ('Calibri',15), command - mydisplay, val 
['Red','Green', ‘Blue’, 'Violet', 'Indigo', 'Magenta', 'Yel- 
textvariable - a1) 


mys1.pack() 


myroot .mainloop() 


Output: 
Refer to Figure 4.25: 
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Figure 4.25: Output 


Note: The preceding code is covered in Program Name: Chap4 Example15.py 


In the above code, we have displayed string values to the spinbox, and on 
scrollbar movement, we are changing the background color of the parent 
window. 


We can also disable clicking in, as shown: 


tkinter 


myroot - Tk() 
myroot.geometry( 


myroot.title( 


mys1 = Spinbox(font = ( 
ues = (10,35,49,40,50,60),state 


»-— 3 


mys1l.pack(pady = 10) 


myroot.mainloop() 


Output: 
Refer to Figure 4.26: 
f SpinBox - O X 
a 
10 - 


Figure 4.26: Output 


Note: The preceding code is covered in Program Name: Chap4 Example16.py 


tkinter Scale widget 


This widget will allow you to select from a range of numbers by providing a 
graphical slider object and moving through a slider. Here, we can set the 
minimum and maximum values. 


The syntax is as follows: 


myscl1- Scale(myroot, options...) 


where, 


myroot is the parent window. 


Some of the lists of options that can be used as key-value pairs and are 
separated by commas are bg, bd, activebackground, command, digits, 
cursor, font, fg, highlightbackground, highlightcolor, from , length, 
label, orient, repeatdelay, resolution, relief, showvalue, sliderlength, 
state, tickinterval, takefocus, to, variable, troughcolor, and width. 


We have seen most of the options but some undiscussed options are as 
follows: 


digits: This option will read the current value via the control variable 
and is used to specify the digits to be displayed on the scale range. 


from : This option will specify the starting point of the scale range. 
to: This option will specify the ending point of the scale range. 


label: This option will display a text label of the scale which is shown 
on the top left and right corners vertically and extreme left and right 
corners horizontally. 


orient: This option's default orientation is horizontal and can be set to 
horizontal or vertical depending on the scale type. 


repeatdelay: This option will define the duration up to which button1 
will be held in the trough before the slider starts moving in that 
direction repeatedly and its default is 300msec. 


resolution: This option will allow specifying the slightest change 
possibly made to the scale value. If set to resolution = 1 and from_ = 
-2 and to = 2 and the scale will have 5 possible values: -2, -1, 0, +1, 
and +2. 


showvalue: This option will show the current value as text by the slider. 
It can be suppressed by setting it to 0. 


sliderlength: This option will specify the scale length and the default is 
30 pixels. 


state: This option will represent the DISABLED or ACTIVE scale 
state. 


tickinterval: This option will display the scale values at the set 
intervals. 


takefocus: This option will allow a focusing cycle through scale 
widgets. 


variable: This option displays the control variable to monitor the scale 
state. 


troughcolor: This option displays the color of the trough. 


Some of the methods in the above widget are as follows: 


get(): This method will return the current scale value. 
set(value): This method will set the scale value. 


cords(value - None): This method will return a screen coordinate 
corresponding to the given scale value. 


We shall see some examples to see how the above widget works: 


from tkinter import * 


myroot - Tk() 


myv1 = DoubleVar() 


mysi = Scale(myroot, from -0, to-100, ori 


HORIZONTAL, length - 200, width - 10, 


sliderlength - 50, label - 'myscale', 


variable = myv1) 


mys1.set(45) 
mys1.pack() 


mydisplay(): 


(myv1.get()) 


(mysl.coords(value = myv1.get())) 


mybtn1 = Button(myroot, text = “GetValue”, 
mand = mydisplay, bg = ‘LightBlue') 


mybtn1.pack(pady = 10) 
myroot.title( 'MyScalewidget') 
myroot .geometry("300x200+120+120" ) 


myroot.mainloop() 


Output: 


Refer to Figure 4.27: 


r MyScalewidget = o X 


myscale 


GetValue 


Figure 4.27: Output 


The output when GetValue button is clicked, can be seen in the following 
Figure 4.28: 


ri MyScalewidget - L1 X 


myscale 


$ python mypythonguiprog.py 


71.0 
(134, 45) 


Figure 4.28: Output 


Note: The preceding code is covered in Program Name: Chap4 Example17.py 


In the above code, we have created a horizontally oriented scale widget with 
a default value of 45. We can move the slider and when the GetValue button 
is clicked, the scale value output will be displayed along with the 
coordinates corresponding to the given scale value. 


We can also display the scale orientation vertically, as shown: 


from tkinter import * 


myroot - Tk() 


myv1 = DoubleVar() 


mys1 Scale(myroot, from -0, to-100, 
VERTICAL, length - 200, width - 10, 


= 'MyScale Widget', 


mys1.set(35) 
mys1.pack() 


mydisplay(): 


myli.config(text = ‘The scale value is: 
get()), font = ('Verdana',12)) 


mybtn1 = Button(myroot, text = "GetValue" 
nand = mydisplay, bg = 'LightBlue') 


mybtnl.pack(pady = 10) 


myl1 = Label(myroot) 
my11.pack(pady=10) 


myroot.title( ‘MyScalewidget' ) 
myroot .geometry("300x300+120+120" ) 


myroot .mainloop() 


Default output: 


The default option can be seen in Figure 4.29: 


l| MyScalewidget - m) x 


; 


MyScale Widget 


Figure 4.29: Default option 


The output when the GetValue button is clicked, can be seen in Figure 4.30: 


FA MyScalewidget = LI x 


MyScale Widget 


: 


LL 


The scale value is: 66.0 


Figure 4.30: Output 


Note: The preceding code is covered in Program Name: Chap4 Example18.py 


We can change the trough color to any color (here Red) by adding the 
troughcolor option, as shown: 


mys1 Scale(myroot, from -0, to-100, ori- 
ent - VERTICAL, length - 200, width - 10, 
sliderlength - 50, label - 
variable = myvi,troughcolor = 
Refer to Figure 4.31: 
ri MyScalewidget -— D X 
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Ll 


Figure 4.31: Output 


We can change the resolution, that is, the slightest change is possible on 
moving the slider and can provide the scale value at the set intervals, as 
shown: 


from tkinter import * 


myroot - Tk() 


- DoubleVar() 


mys1 = Scale(myroot, from -0, to-100, orient = 'horizon- 
tal', length - 200, width - 10,sliderlength - 50, label - 'My- 


Scale Widget',troughcolor - 'Red', resolution - 10,tickinter- 
val - 10) 


mys1.set(50) 
mys1.pack() 


myroot.title( 'MyScalewidget ') 
myroot.geometry("300x10041204120") 


myroot.mainloop() 


Output: 
Refer to Figure 4.32: 
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Figure 4.32: Output 


Note: The preceding code is covered in Program Name: Chap4 Example19.py 


If we set repeatedly = 1000, then button1 will be held down in the trough for 
1 sec before the slider starts moving in that direction repeatedly. 


tkinter Text widget 


This widget will allow options to use text on multiple lines. For a single line, 
we will be using an Entry widget and for multiple lines, we will be using 
Text where we can use elegant structures like marks and tabs for locating 
different text areas. 


The syntax is 


mytxt1- Text(myroot, options...) 


where, 


e myroot is the parent window. 


e Some of the lists of options that can be used as key-value pairs and are 


separated by commas are bd, bg, cursor, exportselection, fg, font, 
height,  highlightbackground,  highlightcolor, highlighthickness, 
insertborderwidth, insertbackground,  insertontime, insertofftime, 
insertwidth, padx, pady, relief, selectborderwidth, selectbackground, 
Spacing],  spacing2, spacing3, tabs, state, xscrollcommand, 
yscrollcommand, and wrap. 


We have seen most of the options but some undiscussed options are as 
follows: 


exportselection: This option will export the text selected within a text 
widget in the window manager. If set to 0, it will be suppressed. 


insertborderwidth: This option will specify the 3-D border size around 
the insertion cursor. The default value is 0. 


insertbackground: This option will specify the insertion cursor color 
whose default value is black. 


insertontime: This option will specify the time in which the insertion 
cursor is on during its blink cycle, whose default value are 600 


milliseconds. 


e insertofftime: This option will specify the time in which the insertion 
cursor is off during its blink cycle, whose default value is 300 
milliseconds. 


* insertwidth: This option will specify the insertion cursor width whose 
default value is 2 pixels. 


e selectborderwidth: This option will set the border width which 
determines the border thickness around selected Text on clicking the 
mouse and dragging the mouse. 


e spacing1: This option will specify the amount of vertical space put 
above each text line. Its default value is 0. 


* spacing2: This option will specify the amount of extra vertical space 
added between displayed text lines when a logical line wraps. Its 
default value is 0. 


* spacing3: This option will specify how much extra vertical space is 
added between each text line. 


e tabs: This option will control the usage of tab characters for 
positioning the text. 


e state: This option will represent the DISABLED or NORMAL state of 
the widget. 


e wrap: This option will wrap the wider lines into multiple lines. When 
set to CHAR, will break the line which gets too wider for any 
character. When set to WORD, will break the line after the last word 
will fit into the available space. 


e xscrollcommand: This option when set to the set() method of the 
horizontal scrollbar, the Text widget becomes horizontally scrollable. 


* yscrollcommand: This option when set to the set() method of the 
vertical scrollbar, the Text widget becomes vertically scrollable. 


Some of the commonly used methods in the above widget are as follows: 


e delete(startindex[,oendindex]: This method will delete the characters 
within the given specified range. 


e get(startindex[,endindex]): This method will fetch the characters within 
the given specified range. 


* index(index): This method will return the absolute index of the given 
specified index. 


* insert(index, string): This method will insert a string in the given 
specified index. 


e see(index): This method will return True if the text specified at the 
given index is displayed; else will return False. 


e index(mark): This method will get the index of the specified mark. 


e mark gravity(mark, gravity): This method will get the gravity of the 
mark. 


* mark names(): This method will fetch the gravity of the given mark. 


* mark set(mark, index): This method will specify a new position of the 
given mark. 


e mark unset(mark): This method will remove the provided mark from 
the above widget. 


* tag add(tagname, startindex, endindex): This method will tag the string 
within the specified range. 


* tag config(): This method will configure the tag properties. 
* tag delete(tagname): This method will delete a given tag. 


* tag remove(tagname, startindex, endindex): This method will remove the 
tag within the specified range. 


We shall see some examples of the Text widgets. Let us first create a basic 
example of the Text widget, as shown: 


tkinter 


myroot - Tk() 


myroot.geometry( 


myroot.title( 


mytext Text(myroot, width - 18, height 
,12), wrap = WORD, padx = 10, pady 
ground - selectforeground - 


2 


mytext .pack() 


myroot .mainloop( ) 


Output: 


Refer to the following Figure 4.33: 


7 Textwidget — O X 


Figure 4.33: Output 


Note: The preceding code is covered in Program Name: Chap4 Example20.py 


In the above code, we have created a Text widget by giving some width and 
height. We have entered some text and provided the background and 
foreground color on selection. 


There are different Text widget indexes that point to some text positions in 
the Text widget which are line.column, line.end, insert, current, end, selection, 
user-defined tags, windows coordinate (‘x’, ‘y’). 


We can read the entire contents of the Text widget from beginning to end, as 
shown: 


from tkinter import * 


from tkinter import messagebox 


myroot - Tk() 
myroot.geometry('400x250') 
myroot.title('Textwidget ') 


mytext - Text(myroot, width 1 height - 10, font - ('Cal- 
ibri',12), wrap - WORD, padx 10, pady = 10, bd = 4, selectback- 
ground - 'Green', selectforeground - 'Red') 


mytext.pack() 


mytext.insert('1.0', 'Hey Beginners! Welcome for the learning of py- 
thon text widget. \n This is another line’) 


myget(): 
messagebox.showinfo('Text widget contents are: ',mytext. 
get('1.0', 'end')) 


mybtn1 = Button(myroot, text = 'Read', command = myget) 
mybtn1.pack() 


myroot.mainloop() 


Output: 


Refer to Figure 4.34: 


Hey Beginners! 
Welcome for the 
learning of python 
text widget. 

This is another line 


Read 


Figure 4.34: Output 


The output when the Read button is clicked, can be seen in the following 
Figure 4.35: 


r First line contents in the text widget are: X 


widget. 


@ Hey Beginners! Welcome for the learning of python text 
This is another line 


Figure 4.35: Output 


Note: The preceding code is covered in Program Name: Chap4 Example21.py 


In the same example, we can get the contents of the first line by modifying 
the code inside the callback function, as shown: 


myget(): 


messagebox. 
showinfo( 


get( : 


The output when the Read button is clicked, can be seen in Figure 4.36: 
7 First line contents in the text widget are: X 


Hey Beginners! Welcome for the learning of python text 
widget. 


Figure 4.36: Output when Read Button is clicked 


We can also insert text in the third line into the text widget by adding the 
following lines in the code: 


mytext.insert( 


Output: 
Refer to Figure 4.37: 


f Textwidget - D X 
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Figure 4.37: Output when text is inserted in the third line 


We can delete a single character and an entire line in the text widget as 
follows: 


c 


from tkinter import 


from tkinter import messagebox 


myroot - Tk() 
myroot.geometry( '400x350') 
myroot.title('Textwidget ') 


mytext - Text(myroot, width 109 font =i (Cals 
ibri',12), wrap = WORD, padx 10, pady = 10, bd = 4, selectback- 
ground = ‘Green’, selectforeground = 'Red') 


E] 


mytext.pack() 


mytext.insert('1.0', 'Hey Beginners! Welcome for the learning of py- 
thon text widget. \n This is another line') 


mytext.insert('1.0 + 2 lines', 'MnThis is 3rd line') 


myget(): 
messagebox.showinfo('First line contents in the text wid- 
get are: ',mytext.get('1.0', '1.end')) 


mybtn1 = Button(myroot, text = , command = myget) 


mybtn1.pack() 


def mydelete(): 
mytext .delete( 


mybtn2 = Button(myroot, text = 
mand = mydelete) 


mybtn2.pack(pady = 10) 


def mydelete entireline(): 
mytext.delete( 5 


mybtn2 - Button(myroot, text - 
mand - mydelete entireline) 


mybtn2.pack(pady - 10) 


myroot.mainloop() 


Output: 


Refer to 


r] Textwidget — O x 


Hey Beginners! 
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DeleteSingleCharacter | 
DeleteEntireLine | 
Figure 4.38: Output 


The output when the DeleteSingleCharacter button is clicked, can be seen in 
Figure 4.39: 
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Figure 4.39: Output when DeleteSingleCharacter button is clicked 


The output when the DeleteEntireLine button is clicked, can be seen in 
Figure 4.40: 


f Textwidget — o x 


This is another line 
This is 3rd line 


Read 
DeleteSingleCharacter 


DeleteEntireLine 


Figure 4.40: Output when DeleteEntireLine button is clicked (This will delete the first 
line) 


Note: The preceding code is covered in Program Name: Chap4_Example22.py 


We can replace the text in the Text widget with some new text. Here, we are 
replacing the entire first line with a new text by adding the following line, as 
shown: 


mytext .replace( : i ) 


Output: 


The output before replacement can be seen in the following Figure 4.41: 


Hey Beginners! 
Welcome for the 
learning of python 
text widget. 

This is another line 
This is 3rd line 


Figure 4.41: Output before replacement of first line 


The output after replacement can be seen in the following Figure 4.42: 


This is first line 
This is another line 
This is 3rd line 


Figure 4.42: Output after replacement of first line 


We can disable the state of the Text widget by using the state option: 


mytext.config(state - 


Refer to Figure 4.43: 
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DeleteEntireLine 


Figure 4.43: Output for disabling the Text widget state 


Even if we will try to press any delete buttons, the text in the Text widget 
will not be deleted. Hence, to perform any operation, we will revert back the 
state to normal. 


mytext .config(state 


Now, we shall see how we can identify and name sections of the text with 
tags and marks. Tags shall describe a range of collections of characters and 
marks specify a specific location between 2 characters within the text 
widget. We will use the tags and marks to change properties such as the font 
and color for sections of text and control where to insert and delete text. 


Now, to add a tag to the Text widget, we can use the tag_add method, as 
shown: 


from tkinter import * 


myroot - Tk() 
myroot.geometry( ' 300x300 ') 
myroot.title('Textwidget ') 


mytext - Text(myroot, width - 18, height - 10, font - ('Cal- 
ibri',12), wrap - WORD, padx - 10, pady - 10, bd - 4, selectback- 
ground - 'Green', selectforeground - 'Red') 


mytext.pack() 
mytext.insert('1.0', ‘This is 1st line’) 


mytext.insert('1.0 + 1 line’, 'WMnThis is 2nd line’) 


mytext.insert('1.0 + 2 lines', 'MnThis is 3rd line') 


tag add('mytag1','1.0','1.0 wordend') 


mytext.tag configure('mytag1', background = 'Pink') 


myroot.mainloop() 


Output: 
Refer to Figure 4.44: 


¢ Textwidget = O X 
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This is 3rd line 


Figure 4.44: Output 


Note: The preceding code is covered in Program Name: Chap4 Example23.py 


So, we can see from the above code that the word This is highlighted, which 
is the first word in the first line. 


We can find out the characters included in a tag by adding the following line 
after the tag configure() method in the code: 


(mytext.tag ranges( )) 


Output: 


Refer to the following Figure 4.45: 


(<textindex object: '1.0'», «textindex object: '1.4'») 


Figure 4.45: Output for characters search included in a tag 


Here, tag ranges() will return the start and end locations of the sections 
covered by the tag. 


We can remove a tag from the specified range. Just add the following lines 
of code after the tag ranges() method. 


mytext.tag remove( 


(mytext.tag ranges( )) 


Output: 
Refer to Figure 4.46: 
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Figure 4.46: Output for tag removing from the specified range 
We can use the tag as an index by using replace() method. Just add the 


following lines of code: 


mytext.replace( 
mytext.tag add( 


mytext.tag configure( 


Refer to the following Figure 4.47: 
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Figure 4.47: Output with usage of replace method 


We can delete a tag by using the following line. 


mytext.tag_delete( ) 


Till now, we have discussed tags and now we will discuss about marks. To 
get the list of marks present in the above widget, we will use the following 
lines of code: 


from tkinter import * 


myroot - Tk() 


myroot.geometry('300x300') 


myroot.title('Textwidget ') 


mytext - Text(myroot, width - 18, height - 10, font - ('Cal- 
ibri',12), wrap - WORD, padx - 10, pady - 10, bd - 4, selectback- 
ground - 'Green', selectforeground - 'Red') 


mytext.pack() 


mytext.insert('1.0', ‘This is 1st line’) 
mytext.insert('1.0 + 1 line', 'WMnThis is 2nd line’) 


mytext.insert('1.0 + 2 lines', ‘\nThis is 3rd line') 


(mytext.mark names()) 


myroot.mainloop() 


Output: 
Refer to Figure 4.48: 


$ python mypythonguiprog.py 


('insert', 'current') 


Figure 4.48: Output 


Note: The preceding code is covered in Program Name: Chap4 Example24.py 


We can see that there are 2 automatically tracked text marks that are inserted 
and current. The first mark insert is the insertion cursor current index and 
another current mark is the automatically tracked mark and will specify the 
index which is currently under the mouse. 


Now, we shall see the usage of an automatically tracked insert mark as the 
index for an insert method, as shown: 


from tkinter import * 


myroot - Tk() 
myroot.geometry('300x330') 
myroot.title('Textwidget ') 


mytext - Text(myroot, width - 15, height - 10, font - ('Cal- 
ibri',12), wrap = WORD, padx = 10, pady = 10, bd = 4, selectback- 
ground - 'Green', selectforeground - 'Red') 


mytext.pack() 


mytext.insert('1.0', ‘This is 1st line") 


mytext.insert('1.0 + 1 line’, 'WMnThis is 2nd line’) 


myinsert mark(): 


mytext.insert('insert','(' 


mybtn2 - Button(myroot, text - 'InsertMark', command - myinsert 
mark) 


mybtn2.pack(pady - 10) 


myroot.mainloop() 


Output: 
Refer to Figure 4.49: 
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Figure 4.49: Output 
We can see that the cursor is placed before the line. 


The output, when insert mark button, is clicked, can be seen in the following 
Figure 4.50: 


ý Textwidget 


This is 1st @ļine 
This is 2nd line 


InsertMark 


Figure 4.50: Output 


Note: The preceding code is covered in Program Name: Chap4 Example25.py 


When the InsertMark button is clicked, ‘@’ symbol is inserted where the 
cursor position was placed. 


We can also create and modify the location of the mark using the mark, set() 
method. We can mark text in the tkinter text widget, as shown: 


from tkinter import * 


myroot=Tk() 


def myclick(): 
mytext.insert( 
mytext.mark names() 


mytext.mark 
set( ,END) 


mytext.mark 
gravity( » RIGHT) 


mybtni-Button(myroot,text- , command=myc lick) 
mybtn1.pack() 


mytext=Text(myroot , width = 55, height = 10) 
mytext .pack() 


myroot.mainloop() 


Output: 


The output can be seen in the following 


f tk — o x 


Myclick 


hel othere ><><> 


Figure 4.51: Output 


Note: The preceding code is covered in Program Name: Chap4_Example26.py 


We have clicked Myclick initially 4 times and entered the text hellothere. 
Then, we again click the button 3 times and place the cursor in the position 
after the text hellothere. Now when Myclick button is clicked again, then 
‘<>’ will be inserted in the text widget and the cursor will be placed after 
this, as shown in Figure 4.52: 


Myclick 


|«»«»«»hellotherec»«»«»«;] 


Figure 4.52: Output display on pressing Myclick button 4th time after text hellothere 


However, if we comment on the three lines as shown: 


myclick(): 


mytext.insert( 


If we run the same program now and get into the same output position, we 
have the following Figure 4.53: 


Myclick 


< 'hellotherg <><> 


Figure 4.53: Output display 


Now, if we click the Myclick button again, see the position of the cursor as 
in Figure 4.54: 


8 tk — o x 


Myclick 
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Figure 4.54: Output display after commenting the 3 lines and pressing Myclick button 


We can also insert an image in the text widget, as shown: 


from tkinter import * 


myroot=Tk() 


def myclick(): 


mytext. insert ( 


mybtni-Button(myroot,text- , command=myc lick) 
mybtn1.pack() 


mytext-Text(myroot, width 
mytext.pack() 


def insertimage(): 


mytext.image create( my image1) 


myimagel = Photolmage(file ) 


mybtn2-Button(myroot,text- command = insertimage) 


mybtn2.pack(pady - 10) 


myroot.mainloop() 


Output: 


Refer to 


Mychck 


Figure 4.55: Output 
Note: The preceding code is covered in Program Name: Chap4 Example27.py 


We have already seen using the scrollbar with the Text widget earlier in this 
chapter. So, we will not discuss that here. 


tkinter Combobox Widget 


This widget is a combination of a drop-down menu and an Entry widget. 
Here, the user can view the usual text entry area with a downward pointing 
arrow. A drop-down menu appears when the user clicks on the arrow 
displaying all the choices and will replace the current entry contents if 
clicked on one. 


The syntax is as follows: 
mycmb1- Combobox(myroot, options...) 


where, 
e myroot is the parent window. 


e Some of the lists of options that can be used as key-value pairs and are 
separated by commas are cursor, exportselection, height, justify, style, 


postcommand, takefocus, validate, validatecommand, textvariable, 
width, values, and xscrollcommand. 


We have seen most of the options but some undiscussed options are as 
follows: 


* exportselection: Whenever the text is selected within an entry widget 
and if exportselection is set to 0, the automatic export to the clipboard 
is restricted. 


* postcommand: When the user clicks on the down arrow, this option can 
be set to any of the functions. 


* values: This option specifies the choices as a sequence of strings which 
will appear in the drop-down menu. 


Some of the methods used in the above widget are as follows: 


e current([index]): This method when passing the index of the element as 
an argument will select one of the elements of the values option. If an 
argument is not supplied, the value returned will be the index of the 
current Entry text in the values list. 


e set(value): This method can set the current text in the widget to value. 


Let us see an example for better understanding: 


from tkinter import * 


from tkinter.ttk import Combobox 
myroot - Tk() 


myroot.geometry( 


myroot.title( 


myl2 - list(range(1,25)) 


mycombo - Combobox(myroot, val- 
ues - myl2 , width - 15) 


mycombo.pack(padx = 50, pady = 10) 


myroot .mainloop( ) 


Output: 


The output can be seen in the following 


f Comboboxcreation — O X 
ry 
3 
5 
6 
8 
9 
10 v 


Figure 4.56: Output 


Note: The preceding code is covered in Program Name: Chap4 Example28.py 


In this code, we are passing an integer list in the values option of the 
combobox object. The user can choose any of the values from the available 
drop-down menu. The user clicking on any of the options will be available in 
the Entry widget, as shown in Figure 4.57: 


f Comboboxcreation — o X 


Figure 4.57: Output display on selecting any particular value from the combobox 
widget 


We can also add a string list in the values option of the combobox object, as 
shown: 


tkinter 
tkinter.ttk Combobox 


myroot - Tk() 


myroot.geometry( 


myroot.title( 


mycombo - Combobox(myroot, val- 
ues = myl1 , height = 2) 


mycombo. pack( ) 


myroot.mainloop() 


Output: 
Refer to Figure 4.58: 


f Comboboxcreation = L1 X 


Figure 4.58: Output 


Note: The preceding code is covered in Program Name: Chap4 Example29.py 


We can also display the text in the combobox widget on the selection of the 
drop-down menu, as shown: 


from tkinter import * 


from tkinter.ttk import Combobox 


myroot - Tk() 
myroot . geometry ( '300x200') 


myroot.title('Comboboxcreation') 


myval = StringVar() 


mydisplay(): 
myval - mycombo.get() 
(myval) 


myl1 = ['Hindi','English','Telugu', 'Bengali'] 


myval.set('English') 


mycombo - Combobox(myroot, val- 
ues - myl1 , height - 2, textvariable - myval ,postcom- 
mand - mydisplay) 


mycombo. pack( ) 


myroot.mainloop() 


Output when the drop-down menu is selected: 


Refer to Figure 4.59: 


f Comboboxcreation = CJ X 


English 


^ 
Telugu 
Bengali v 


$ python mypythonguiprog.py 


English 


I 


Note: The preceding code is covered in Program Name: Chap4_Example30.py 


Figure 4.59: Output 


In the above code, by default, we have set it to English in the above widget. 
The user can select any of the options from the above widget. Whenever the 
user clicks on the down arrow, a callback function will be invoked which 
will display the text present in the console. 


Moreover, we could have used the current method and passed the index of 
the element to be displayed instead of myval.set('English'), as shown: 


mycombo. current(1) 


So, the get() method will return the element itself whereas current() will get 
the index of the currently selected element. 


However, what if we want to display the output to the console after the 
element is selected from the combobox list? In such a case, the virtual event 
<<ComboboxSelected>> is bonded with the callback function, as shown: 


from tkinter import * 


from tkinter.ttk import Combobox 


myroot = Tk() 
myroot.geometry( '300x200') 


myroot.title('Comboboxcreation') 


myl2 = Label(myroot, text = ‘Choose your mother tongue') 


myl2.pack(pady = 10) 


mydisplay(myevent) : 


(mycombo.get()) 


myl1 = ['Hindi','English','Telugu', 'Bengali'] 


mycombo - Combobox(myroot, 


ues = myl1 , height = 2) 


mycombo.pack(pady = 10) 


mycombo. current(1) 


mycombo.bind("««ComboboxSelected»»", mydisplay) 


myroot .mainloop() 


Output after the element is selected from the drop-down menu: 


Refer to Figure 4.60: 


f Comboboxcreation = o X 


Choose your mother tongue 


[Telugu 


$ python mypythonguiprog.py 
Telugu 


I 


Note: The preceding code is covered in Program Name: Chap4 Example31.py 


Figure 4.60: Output 


We can set fonts for both combobox and its listbox. If unspecified, then the 
text in the combobox list will still use the system default font but not the font 
specified to the combobox, as shown: 


from tkinter import * 


from tkinter.ttk import Combobox 


myroot - Tk() 
myroot.geometry( '300x200') 


myroot.title('Comboboxcreation') 


mylist1 = ['Apple','Litchi', ‘Mango’, ‘Pomengranate’ ] 


myfont = ("Times New Roman", 14, "italic") 


myl1 = Label(myroot, text = ‘Choose from your favorate fruit') 
myl1.pack(pady = 10) 


mycombo = Combobox(myroot, val- 


ues = mylist1 , height = 2, font = myfont) 


mycombo.pack(pady = 10) 


mycombo. current(1) 


myroot.option add('*TCombobox*Listbox.font', myfont) 


myroot.mainloop() 


Output: 
Refer to Figure 4.61: 


f Comboboxcreation = LJ X 


Choose from your favorate fruit 


Litchi 


Mango 


v 


Figure 4.61: Output 


Note: The preceding code is covered in Program Name: Chap4_Example32.py 


We can dynamically change the value of the comobox list values, as shown: 


tkinter 
tkinter.ttk Combobox 


myroot = Tk() 


myroot . geometry ( 


myroot.title( 


myl2 - Label(myroot, text 
myl2.pack(pady = 10) 


def mydisplay(): 
mycombo [ 


mycombo. set( 


mycombo Combobox(myroot, values myli1 , height 
command mydisplay) 


mycombo.pack(pady - 10) 


mycombo. current(1) 


myroot.mainloop() 


Output: 


The output can be seen in 


f Comboboxcreation - o x f Comboboxcreation E o x 
Choose your mother tongue Choose your mother tongue 
English 
| A 
Tamil 
Spanish y 


Figure 4.62: Output 


Note: The preceding code is covered in Program Name: Chap4 Example33.py 


Conclusion 


This chapter has discussed a variety of tkinter widgets, including the Entry, 
Scrollbar, Spinbox, Scale, Text, and Combobox. The chapter offers thorough 
explanations, examples, and alternatives for utilizing these widgets to build 
straightforward GUI applications. The concept of validation in the Entry 
widget, the ability to scroll in the Scrollbar widget, the ability to select 
values from a range in the Spinbox widget, the implementation of a 
graphical slider in the Scale widget, the ability to insert multiple text fields 
in the Text widget, and the use of the Combobox widget and its applications 
are all neatly and clearly covered. 


Points to remember 


e Entry widget can be used for gathering user input, can be customized 
using various controls viz width, font, and validation, and can be 
utilized for creating a simple data entry application; the get() method 
can be retrieved to get the input. 


e Scrollbar widgets are used to provide widgets that are longer than their 
visible size, a scrolling feature. It is compatible with a variety of 
widgets, including Listbox, Text, Canvas and so on. We can position 
the scrollbar either vertically or horizontally. The scrollbar should be 
attached to the widget that needs to be scrolled using the command 
option. 


* Using Text widget, we can display and edit the text in multiple lines. 
We can customize using various options such as color, font, wrap and 
so on. It can be used to build applications such as text editors or 
document viewers. The get() method can be used to get the text from 
the widget. 


e The SpinBox widget is used to select a value from a fixed range of 
values. We can customize using various options such as color, font, 


range and so on. It can be used to create a simple data selection 
application. The selected value can be retrieved using get() method. 


e The Scale widget is used to select from a range of numbers by 
providing a graphical slider object and moving through a slider. We 
can customize using various options such as color, font and so on. It 
can be used to create an application which requires value to be 
selected within a certain range. The selected value can be retrieved 
using get() method. 


e Combination of a drop-down menu and an Entry widget is à Combobox 
widget. We can customize using various options such as color, font, 
values and so on. It can be used to create an application which requires 
user to select one option from a list of options. The selected option can 
be retrieved using get() method. 


Questions 


1. Explain the tkinter Entry widget in detail. 


2. Which widget accepts single-line text strings from the user? Explain in 
detail with a suitable example. 


3. How is the validation on an entry widget done? Explain the process in 
detail. 


4. Explain the tkinter Scrollbar widget and its syntax. 
5. Explain tkinter Spinbox Widget and its usage in GUI designing. 


6. How does the user choose some fixed range of values? Explain the 
widget used for this purpose in detail. 


7.Which widget is alternatively used in place of the entry widget? 
Explain with suitable justification. 


8. Explain tkinter Scale Widget and its syntax. 


9. Which widget allows one to select from a range of numbers by 
providing a graphical slider object and moving through a slider? 
Explain this widget with suitable justification and example. 


10. Explain the tkinter Text Widget in detail. 


11. Explain tkinter Combobox Widget in detail with a sample program. 
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CHAPTER 5 
Getting Insights of Display Widgets in tkinter 


Introduction 


The Label, Message, and MessageBox widgets in Tkinter must be learned in 
order to create Python Graphical User Interfaces (GUI), which are 
efficient and easy to use. We will be able to display text, images, and dialog 
boxes to the user, thanks to these widgets which are necessary for creating 
an effective and user-friendly GUI. We can provide data to the user in a clear 
and organized manner, using the Label and Message widgets. We could use a 
Label widget to show a user's name or a Message widget to show a list of 
items, for instance. We must use the MessageBox widget to handle errors in 
our application. We are able to ask the user for input, such as whether to 
continue or cancel an operation, and display error warnings to them. These 
widgets offer a variety of customization options, including the ability to 
change the text, picture, and dialog box size, colour, and font. For an 
application's user interface to be unique and different from others, 
customization is essential. 


Structure 


In this chapter, we will discuss the following topics: 
e tkinter Label Widget 
e tkinter Message Widget 
e tkinter MessageBox Widget 


Objectives 


By the end of this chapter, the reader will learn about the creation of a 
simple GUI app using the tkinter Label widget which depicts the ways of 
displaying a text or image on a window form. We shall also view a display 
of prompt unedited text messages to the user, with the tkinter Message 
widget. Moreover, we will look into multiple message boxes such as 
information, warning, error, and so on, in a Python application by using the 
tkinter MessageBox widget. 


tkinter Label Widget 


It is a standard tkinter widget where a text or an image can be displayed on 
the screen. The text can be underlined, can be displayed in a single font and 
the text may be spanned across multiple lines. It uses double buffering so 
that the contents may be updated at any time without display of any 
flickering. In this widget, one or more lines of text can be displayed which 
cannot be modified by the user. 


The syntax is as follows: 
myl1- Label(myroot, options...) 


where, 
e myroot is the parent window. 


e Some of the list of options that can be used as key-value pairs and are 
separated by commas, are anchor (space between are and anchor), bg, 
bitmap, bd, cursor, font, height, fg, justify, image, padx, pady, text, 
textvariable, relief, width, wraplength, underline. 


We have seen most of the options but some undiscussed options are as 
follows: 


e text: This option will display the text on the label. The ‘\n’ will force a 
line break. So, one or more lines of text in the label can be displayed. 
This option is ignored when the image or bitmap options are used. 


e textvariable: This option will associate a tkinter variable (generally the 
StringVar) with the label. The label text is updated if the variable is 
changed. 


* image: This option will display the image in the label and the value 
should be a BitmapImage or a Photolmage. This option takes 
precedence over the bitmap and text options. 


e justify: This option will define the alignment of multiple lines of text 
with respect to each other. The default is CENTER and the other is 
LEFT or RIGHT. 


Let us make a basic label widget in the parent window: 
from tkinter import * 
myroot - Tk() 


myroot.maxsize(300,300) 


myroot.resizable(0,0) 


mytk label = Label(myroot,text = ‘'Python\nis\nawesome', font = ('Ca- 
libri',15),bg - 'Yellow',fg - 'Black', 
width = '15', height = '3') 


mytk_label.pack() 


myroot.mainloop() 


Output: 


The output can be seen in Figure 5.1: 


Figure 5.1: Output 


Note: The preceding code is covered in Program Name: Chap5 Examplel1.py 


In the above code, we passed the window object into the Label constructor 
and set the text property, which becomes the text Label when displayed. 
Other options such as font, bg, fg, width, and height for the font color, size, 
desired width, and height are defined and used to pack geometry manager 
for organizing the label widget in the block. Here, we have displayed 
multiple lines of text in a label. 


We can set the look of the border of a label by using the borderwidth and 
relief options as shown: 


tkinter 


myroot - Tk() 


myl1 label = Label(myroot,text = 
font = ( T5») 


myl1 label.pack() 


myl2 label - Label(myroot,text - , bd = 5, relief = 
tont = ,15), padx = 10 pady = 10) 
myl2 label.pack(padx = 10, pady 10) 


myl3 label - Label(myroot,text - = ER 
zm Aue = fi 21537 10,pady - 10) 
myl3 label.pack(padx = 10, pady = 109) 


myl4 label - Label(myroot,text - 5, re- 
lief = stont = ( 15 = 10,pady 


myl4 label.pack(padx = 10, pady 


myl5 label = Label(myroot,text = = 5, re- 


cm | 


lief = stont = 15 10, pady 


myl5 label.pack(padx = 10, pady 


myroot.mainloop() 


Output: 


The output can be seen in 


Figure 5.2: Output 


Note: The preceding code is covered in Program Name: Chap5 Example2.py 


We can position text within a label widget as shown: 


from tkinter import * 


class MyLabelPosition(Tk): 
def | init (self): 
super(). init () 
self.title( 


self.myl2- Label(self, text - 
bd = A reliet = Re E , width = 10, 


height = 4, anchor = SW) 
self.myl2.pack() 


if name == 


myroot - MyLabelPosition() 


myroot.mainloop() 


Output: 


The output can be seen in 


K Position Text -— oO 


Hello 
There 


Figure 5.3: Output 


Note: The preceding code is covered in Program Name: Chap5_Example3.py 


In the above case, we are positioning the text within the label widget in 
South West direction. 


Now, we will see how to pad space around the text of a label: 


tkinter 


s MyPadSpace(Tk): 

def | init (self): 
super(). init () 
self.title( 
myl1 = Label(self, text 
myli1.pack() 


myl2- Label(selí 
'g ,tont ( 


myl2.pack() 
myl3 - Label(self, text 
myl3.pack() 


myl4- Label(self,text - 
STOE S ¢ ! 


myl4.pack() 
myl5 = Label(self, text 
myl5.pack() 


myl6- Label(self,text - 
»font = ( 


my16.pack() 
myl7 = Label(self, text 
myl7.pack() 


myl8- Label(self,text - : - 
font = ('Ve na',12),padx = 10, pady = 10) 


myl8.pack() 


, text 


myroot - MyPadSpace() 


myroot.geometry( 


myroot.mainloop() 


Output: 


The output can be seen in Figure 5.4: 


f Pad space around the text _ L1 X 


Python 
Stay MSafe 
Python 
Stay MSafe 
Python 


Stay MSafe 
Python 
Stay\Safe 


Figure 5.4: Output 


Note: The preceding code is covered in Program Name: Chap5_Example4.py 


Now, we will see how to justify text in a label: 


tkinter 


class MyJustify(Tk): 
def — init (self): 
super(). init () 
self.title('Jusif 
myli = Label(self, text 
myl1.pack() 


myl2- Label(self, text - ; 
nthere There There’,bd = 2, relief = 
',10)) 


# default 

myl2.pack() 

myl3 - Label(self, text - 
myl3.pack() 

myl4- Label(self,text = ‘| 


n | po S 2 relier = 


Rue 
justify - LEFT) 
my14.pack() 


myl5- Label(self,text = 'Hell 
here There',bd = 2, relief = 


justify = RIGHT) 
my15.pack() 


. name  -- 


myroot - MyJustify() 


myroot.geometry( ‘3 


myroot .mainloop() 


Output: 


The output can be seen in Figure 5.5: 


f Jusify in label - o x 


Python 
Hello 
There There 
There There There 


There There There 


Hello 
There There 
There There There 


Figure 5.5: Output 


Note: The preceding code is covered in Program Name: Chap5 Example5.py 


Moreover, we can anchor and justify text simultaneously in a label, as 
shown: 


| init (self): 


super(). init () 
.title( 

myli = Label( 

myl1.pack() 


myl2- Label( f 
text = 'Stay\nSafe Safe\ 
nSafe Safe Safe',bd = 2, relief = 'solid',font = ('Times New Ro- 
man',12), 
width = 20,height = 4,anchor = NE, justi- 
RIGHT) 
myl2.pack() 
myl3 - Label( ext - 'Anchor and Justify in Left') 
myl3.pack() 
myl4- Label( text "Stay\nSafe Safe\ 


nSafe Safe Safe', bd elief = "solid; 


z 'Times New Ro- 
rh 4,anchor = NE,justify = LEFT) 


myl4.pack() 


if | name == " main ^": 
myroot - MyAnchorJustify() 
myroot.geometry( '350x300') 


myroot.mainloop() 


Output: 


The output can be seen in Figure 5.6: 


7 Anchor and Jusify in label -— L1 X 
Anchor and Justify in Right 


Safe Safe 


Safe Safe Safe 


Anchor and Justify in Left 


Stay 
Safe Safe 


Safe Safe Safe 


Figure 5.6: Output 


Note: The preceding code is covered in Program Name: Chap5 Example6.py 


Moreover, we can access the options of a tkinter label: 


from tkinter import * 


(Tk): 
init (self): 
super(). init () 
.title('Access options of a tkinter label') 
myl2- Label( ,text = 'StayMnSafe From\nFrom Corona Vi- 


rus bd = 2, bg = sghtGreen-; relief - 'sol- 
109 
font - ('Arial',14),width - 20,height 
chor - NW,justify - LEFT) 
myl2.pack() 


(myl2["text"]) 


(my12[“bd"]) 
(my12[“bg"]) 
(myl2["font"]) 
(myl2["width"]) 
(my12[ "height" ]) 
(my12[ "anchor" ]) 
(myl2["justify"]) 


if ^ name == c onem ce 


myroot - MyAcessOption() 


myroot.geometry('350x150') 


myroot.mainloop() 


Output: 


The output can be seen in Figure 5.7: 


¢ Access options of a tkinter label - o X 


Figure 5.7: Output of 


Here is the output at the console: 


Stay 
Safe From 


From Corona Virus 


LightGreen 


Arial 14 


Note: The preceding code is covered in Program Name: Chap5 Example7.py 


So, we can access the options associated with a label by using key-value 
pair. 


Now, just like we can access the options of a label, there is a provision for 
dynamically changing label options, as shown: 


from tkinter import * 


. init (self): 
super(). init () 
.title('Access and Change options of a tkinter label') 


myl2- Label( text = 'StayMnSafe From\nFrom Co- 
rona Virus', bd - 2, bg - 'LightGreen', fg - 'Yel- 
low', relief - 'solid', 
font - ('Arial',14),width - 
NW,justify - LEFT) 
myl2.pack() 
myl2["bg"] = 'LightBlue' 
myl2["fg"] = 'Red' 
a "name v — maim S: 
myroot = MyAcessChangeOption( ) 
myroot.geometry('450x130"') 


myroot.mainloop() 


Output: 


The output can be seen in Figure 5.8: 


7 Access and Change options of a tkinter label = LJ X 


Figure 5.8: Output 


Note: The preceding code is covered in Program Name: Chap5 Example8.py 


We can also display the default values (key values) of a label whether it is 
mentioned or not, as shown: 


from tkinter import * 


class MyAcessChangeOption(Tk): 
def — init (self): 
super(). init () 
self.title( 


myl2- Label(self,text - 
,relief - EOD S 21295 


width - 12,height - 4,an- 
chor - SE,justify - RIGHT) 


myl2.pack() 


for loop in myl2.keys(): 
print(loop, ,myl2[1loop]) 


if name  -- 
myroot - MyAcessChangeOption() 
myroot.geometry( ) 


myroot.mainloop() 


Output: 


The output can be seen in 


" Displaying key values of a tkinter label — o X 


Python 


Figure 5.9: Output of Chap5_Example9.py in GUI 


Here is the output at the console: 


activebackground : SystemButtonFace 
activeforeground : SystemButtonText 
anchor : se 

background : LightBlue 

bd : 2 

bg : LightBlue 

bitmap 

borderwidth : 2 

compound : none 

cursor 

disabledforeground : SystemDisabledText 
fg : SystemButtonText 

font : Verdana 12 

foreground : SystemButtonText 

height : 4 

highlightbackground : SystemButtonFace 
highlightcolor : SystemWindowFrame 
highlightthickness : 0 


image : 


justify : right 


padx : 1 
pady : 1 
relief : solid 
state : normal 


takefocus : @ 


text : Python 


textvariable : 
underline : -1 
width : 12 

wraplength : 0 


Note: The preceding code is covered in Program Name: Chap5 Example9.py 


So, we can see that all the key method values will be displayed in the 
console. If not mentioned, then default values will be shown. 


We can use textvariable option as it will associate a tkinter variable to the 
label widget, that is, we can use StringVar() and textvariable for a tkinter label 
widget, as shown: 


from tkinter import * 


class MyStringVartext(Tk): 
def — init (self): 
super(). init () 
self.myvall = StringVar() 
self.title( ) 
self.myl2- Label(self,font - ,textvariable- self. 


myvall,relief = ) 
self.myl2.pack() 
self.myvall.set( 


if name  -- 
myroot - MyStringVartext() 
myroot.geometry( ) 


myroot.mainloop() 


Output: 


The output can be seen in 


Ë StringVar() and textvariable a tkinter label = m X 


python is awesome 


Figure 5.10: Output 


Note: The preceding code is covered in Program Name: Chap5 Example10.py 


We have already discussed how to use StringVar() and textvariable. This 
example is just a recap of how to use it. 


We can set the text of a label using either the key-value pair approach or by 
using the set() method, as shown: 


from tkinter import * 


~ init (self): 
super(). init () 
.myvall = StringVar() 
.title('StringVar() and textvariable a tkinter label') 
.myl2- Label( ,font - 'Helvetica',textvariable- 
myvall,relief = 'groove') 
.nyl2.pack() 
.myl3- Label( , font = ('Arial',12),text- 'Hello',re- 
'groove') 
.nyl3.pack(padx = 10, pady = 10) 


.myl3['text'] = 'Key/value pair approach of set- 


ting text' 
.myvall.set('using textvariable set') 


if - name ==" main ': 
myroot - MyStringVar key text() 
myroot.geometry( 400x100 ') 


myroot.mainloop() 


Output: 


The output can be seen in Figure 5.11: 


(^ StringVar( and textvariable a tkinter label = O X 


using textvariable set 


Key/value pair approach of setting text 


Figure 5.11: Output 


Note: The preceding code is covered in Program Name: Chap5 Examplel11.py 


In the above example, we can see how the text of a label is changed using 
StringVar() and the key-value pair approach. 


We can display images using the label, as shown: 


from tkinter import * 


class MyImage(Frame): 
def — init (self, root = None): 
Frame. init (self, root) 
self.root - root 
self.myphoto - Photolmage(file - EE S 
self.myl1 = Label(self.root,image = self.myphoto) 


self.myl1.pack(padx = 10, pady = 10) 


bie = Wn G o — 
myroot = Tk() 
myobj = MyImage(myroot) 
myroot.title( 


myroot.geometry ( 


myroot.mainloop() 


Output: 


The output can be seen in 


(^ Image using label — L1 X 


Figure 5.12: Output 


Note: The preceding code is covered in Program Name: Chap5 Example12.py 


tkinter Message Widget 


This widget will display the text messages to the user which cannot be 
edited. It contains more than one line and can only be shown in a single font. 


The syntax is as follows: 
mymsg1- Message(myroot, options...) 


where, 
e myroot is the parent window. 


e Some of the lists of options that can be used as key-value pairs and are 
separated by commas, are bg, bd, bitmap, cursor, anchor, fg, font, 
width, height, image, justify, padx, pady, relief, text, textvariable, 
underline, wraplength, and width. 


We have seen and learned all the options till now. Let us see the example 
directly: 


tkinter 


myroot - Tk() 


mystr - StringVar() 


mymsg1 = Message( myroot, textvariable=mystr, re 
lief-RAISED, font - ( s P» gu 


mystr.set( ) 
mymsg1.pack() 


myroot .mainloop() 


Output: 


The output can be seen in Figure 5.13: 


Figure 5.13: Output 


Note: The preceding code is covered in Program Name: Chap5_Example13.py 


We can also use the text option to display the message, as shown: 


tkinter 


myroot - Tk() 


mytxt - ' 


mymsg1 = Message( myroot, text-mytxt, relief-RAISED, font 


Lori 12) Te —Red be = ol entre ) 


mymsg1.pack() 


myroot.mainloop() 


Output: 


The output can be seen in Figure 5.14: 
f- " X 


Stay Safe from 
Corona Virus. 
Follow social 
distancing Please.:) 


Figure 5.14: Output 


Note: The preceding code is covered in Program Name: Chap5_Example14.py 


We shall now see how to use Statusbar in Python tkinter GUI applications 
using label widget. 


The label widget will display a narrow bar at the GUI bottom for indicating 
some extra information like file word counts or some relevant information 
which will add some extra value when interfacing with the user. There is no 


dedicated status bar widget in tkinter but a label widget with an appropriate 
configuration, that can be worked like a status bar in the GUI applications. 
Refer to the following: 


tkinter 
myroot - Tk() 
myroot.geometry( 


myroot.title( 


mystatusbar - Label(myroot, text- 
, bd-1, relief-SUNKEN, anchor-W) 


mystatusbar.pack(side-BOTTOM, fill-X) 


myroot.mainloop() 


Output: 


The output can be seen in Figure 5.15: 


f StatusBarExample = m X 


It ts a statusbar example... 


Figure 5.15: Output 


Note: The preceding code is covered in Program Name: Chap5 Example15.py 


tkinter MessageBox Widget 


This widget will display the message boxes in the Python applications. The 
relevant messages are displayed with various functions depending on the 
application requirements. 


The syntax is as follows: 


messagebox.function_name(title, message [, options]) 


where, 


function name: It is the appropriate message box function name. 


title: This parameter can be used to display custom string in the title 
box. 


message: This parameter can be used to display custom string as 
message on the message box. 


options: The options used are default and parent. The default option 
will mention the default button types like ABORT, RETRY or 
IGNORE in the messagebox. The parent option will specify the 
window on top of which displays the messagebox. 


Now, we shall see different functions for displaying the appropriate message 
boxes. 


showinfo() 


This messagebox, when used, will display the relevant information to the 
user, as shown: 


tkinter - 


tkinter messagebox 


myroot - Tk() 
myroot.geometry( 


myroot.title( 


mydisplay(): 


messagebox. 
showinfo( : y 


mybtn1 = Button(myroot, text = , command = mydisplay) 
mybtn1.pack() 


myroot.mainloop() 


Output: 


The output can be seen in Figure 5.16: 


| 7 f Showinfoexample x 
| ClickShowlnfo 
@ This is a basic showinfo example 


Figure 5.16: Output 


Note: The preceding code is covered in Program Name: Chap5_Example16.py 


In this code, Showinfoexample is a title in the box and “This is a basic 
showinfo example” is the displayed information when the ClickShowInfo 
button is clicked. So, using the above function depicts plain information. 


showwarning() 


This function will display a warning message to the user, as shown: 


from tkinter import * 


from tkinter import messagebox 


myroot - Tk() 
myroot.geometry("300x150") 


myroot.title( 'Warningmessage') 


mydisplay(): 


messagebox.showwarning("ShowWarningexample","This is a ba- 
sic warning message example") 


mybtn1 = Button(myroot, text = 'ClickWarningMsg', com- 
mand - mydisplay) 


mybtn1.pack() 


myroot.mainloop() 


Output: 


The output can be seen in Figure 5.17: 


4 r] ShowWarningexample x 


ClickWarningMsg 


|. This is a basic warning message example 


Figure 5.17: Output 


Note: The preceding code is covered in Program Name: Chap5_Example17.py 


In this code, we have displayed a message box using a showwarning() 
function. The ShowWarningexample is a title and “This is a basic 
warning message example” is the warning information when the 
Click WarningMsg button is clicked. 


showerror() 


This function, when used, will display the error message to the user, as 
shown: 


from tkinter import * 


from tkinter import messagebox 


myroot - Tk() 
myroot . geometry ("300x150") 


myroot.title('Errormessage') 


mydisplay(): 


messagebox. showerror ( "Showerrorexample","Th 
is is a basic error message example") 


mybtn1 = Button(myroot, text = 'ClickErrorMsg', command = mydisplay) 
mybtn1.pack() 


myroot.mainloop() 


Output: 


The output can be seen in Figure 5.18: 


d ¢ Showerrorexample X 


ClickErrorMsg 


This is a basic error message example 


Figure 5.18: Output 


Note: The preceding code is covered in Program Name: Chap5 Example18.py 


In this code, we have displayed a message box using a showerror() function. 
The Showerrorexample is a title and “This is a basic error message 


example" is the error information when the ClickErrorMsg button is 
clicked. 


askquestion() 


This function can be used to display custom confirmatory questions framed 
by user. The questions can be used for validation or getting user 
confirmation. The accepted answer will be either yes or no. 


from tkinter import * 


from tkinter import messagebox 


myroot = Tk() 
myroot . geometry ("300x150") 
myroot.title('AskQuestion') 


mydisplay(): 


ans - messagebox. 


askquestion("AskQuestion example","Do you want to continue") 


ir ans — VES a: 
messagebox.showinfo('Message','You have chosen Yes') 
else: 


messagebox.showinfo('Message','You have chosen No') 


mybtn1 = Button(myroot, text = 'ClickAskMsg', command = mydisplay) 
mybtn1.pack() 


myroot .mainloop() 


Output when the ClickAskMsg button is clicked: 


The output can be seen in Figure 5.19: 


f i ¢ AskQuestion example 


ClickAskMsg 
| e Do you want to continue 


Figure 5.19: Output when ClickAskMsg button is clicked 
Output when the Yes button is clicked: 


The output can be seen in Figure 5.20: 


f Message X 


QD You have chosen Yes 


Figure 5.20: Output when Yes button is clicked 


Output when the No button is clicked: 


The output can be seen in Figure 5.21: 


(^ Message X 


QD You have chosen No 


Figure 5.21: Output when No button is clicked 


Note: The preceding code is covered in Program Name: Chap5 Example19.py 


askokcancel() 


This function, when used, will confirm the user's responses regarding the 
application activity. Here, the answers are OK and Cancel. Refer to the 
following: 


tkinter * 


tkinter messagebox 


myroot - Tk() 


myroot.geometry( 


myroot.title( 


mydisplay(): 


messagebox.askokcancel( 


) 


mybtn1 = Button(myroot, text = 
mand = mydisplay) 


mybtn1.pack() 


myroot.mainloop() 


Output when the ClickOkCancelMsg button is clicked: 


The output can be seen in Figure 5.22: 


d (^ AskOkCancel example x 


ClickOkCancelMsg 
@ Redirecting to www.abc.com 


Figure 5.22: Output of Chap5_Example20.py 


Note: The preceding code is covered in Program Name: Chap5 Example20.py 


askyesno() 


This function, when used, will ask the user some questions which can be 
answered by using yes or no. Here, the answers are Yes and No. Refer to the 
following: 


from tkinter import * 


from tkinter import messagebox 
myroot - Tk() 
myroot.geometry( 


myroot.title( 


def mydisplay(): 


messagebox.askyesno( 


mybtn1 = Button(myroot, text = , command = mydisplay) 


mybtn1.pack() 


myroot.mainloop() 


Output when the ClickYesNoMsg button is clicked: 


The output can be seen in 


f AskYesNo example 


ClickYesNoMsg 


| Will you do it 


Yes No 


Figure 5.23: Output 


Note: The preceding code is covered in Program Name: Chap5 Example21.py 


This function, when used, will ask the user to perform a particular task again 
or not. Here, the answers are Retry and Cancel. Refer to the following: 


from tkinter import * 


from tkinter import messagebox 


myroot - Tk() 
myroot.geometry("300x150") 
myroot.title( 'AskRetryCancel') 


mydisplay(): 


messagebox.askretrycancel("AskRetryCancel exam- 
ple","Will you do it") 


mybtn1 = Button(myroot, text = 'ClickRetryCancelMsg', com- 
mand - mydisplay) 


mybtn1.pack() 


myroot.mainloop() 


Output when the ClickRetryCancelMsg button is clicked: 


The output can be seen in Figure 5.24: 


aewGxd - D x 7 AskRetryCancel example x 


ClickRetryCancelMsg 


| Will you do it 


Cancel 


Figure 5.24: Output 


Note: The preceding code is covered in Program Name: Chap5 Example22.py 


Conclusion 


In this chapter, we learned about the creation of a simple GUI app using the 
tkinter Label widget, which depicts the ways of displaying a text or image on 
a window form. Using tkinter Label widget, we saw how to position its text, 
how to pad space around the text, how to justify the text, how to both anchor 
and justify the text simultaneously, how to access the widget options using a 
key-value pair, how to dynamically change label options, how to display the 
default values, and how to display image in the widget using examples. 


Moreover, we explored how to use this label widget as a statusbar with code. 
We have used text option to display the message for demonstrating tkinter 
Message widget. Furthermore, we viewed a display of prompt unedited text 
messages to the user with this tkinter Message widget. Finally, we looked 
into multiple message boxes such as information, warning, error, question, 
okcancel, yesno and so on, in a Python application by using the tkinter 
MessageBox widget. 


Points of remember 


Using a label widget, we can show text or an image in a window. The 
Label widget's text, font, foreground, and border are some of its 
crucial properties. 


Text can be automatically wrapped when displayed in a window using 
a message widget. The Message widget's text, font, foreground, 
background, and border are some of its crucial properties. 


A message box with optional buttons and a message can be displayed 
with the MessageBox Widget. The messagebox is most frequently 
used to provide an alert or confirmation message to the user. The 
message box's type argument can be used to specify the buttons that 
are available. 


Other widgets, such as photos, buttons, and other labels, can be 
contained inside the Label widget. 


The MessageBox widget offers a number of message box types, each 
with a unique function and return result, including showinfo, 
showwarning, showerror, askquestion, askokcancel, and askyesno. 


e The button that the user pressed is indicated by the value the 
MessageBox widget delivers. To determine the user's choice, the value 
can be compared to predefined constants as yes, no, ok, cancel, yesno, 
and so on. 


Questions 


1. Explain the tkinter Label widget in detail. 


2. Explain the tkinter widget that is used for displaying text or an image 
on the screen. 


3. Write a program to display “Python is Awesome" on the screen. 
4. Explain the usage of the Message widget in detail. 


5. Which widget is used to display the text messages to the user, which 
cannot be edited? Explain with an example. 


6. Write a program to display “This is a text” using the Message widget. 
7. Explain tkinter MessageBox Widget and its syntax. 


8. Explain any three functions and their use of the tkinter MessageBox 
Widget. 


9. Write short notes on the following: 
a. showerror() 
b. askquestion() 
c. askokcancel() 


d. askyesno() 


Join our book's Discord space 


Join the book's Discord Workspace for Latest updates, Offers, Tech 
happenings around the world, New Release and Sessions with the Authors: 


https://discord.bpbonline.com 


CHAPTER 6 
Getting Insights of Container Widgets in tkinter 


Introduction 


The need for container widgets in Python tkinter arises from their ability to 
manage and organise the layout of other widgets in a Graphical User 
Interface (GUI) application. We can group relevant widgets together and 
arrange them in a way that makes sense to the user by utilising container 
widgets. The following are some advantages of using container widgets in 
tkinter: 


e We can manage the positioning and layout of child widgets using 
container widgets like tkinter Frame and tkinter PanedWindow, which 
makes it simpler to design a logical and visually appealing GUI. 


e The container widgets are used to organize your code, which will 
make it simpler to read and maintain. The code can be made simpler 
by grouping related widgets and defining them as a single entity. 


e The container widgets help us in logically grouping widgets 
depending on their intended use. For instance, we could use a tkinter 
LabelFrame to group a set of radio buttons related to one particular 
option. 


e The GUI can be scaled and resized with the use of container widgets. 
The tkinter PanedWindow widget can be used to divide the GUI into 
resizable panes. The tkinter Notebook widget is used to provide a 
tabbed interface. 


Let us view different container widgets in tkinter. 


Structure 


In this chapter, we will discuss the following topics: 
e tkinter Frame Widget 
e tkinter LabelFrame Widget 
e tkinter Tabbed/Notebook Widget 
e tkinter PanedWindow Widget 
e tkinter Toplevel Widget 


Objectives 


After going through this chapter, the user will learn about tkinter Frame 
widget where different widget positions can be arranged, padding can be 
provided, can be used as a geometry manager for other widgets and so on. 
We shall look into the variant of the Frame widget, which is tkinter 
LabelFrame and is a container for complex window layouts. Users will be 
able to see frame features along with label display. Moreover, we shall view 
creating a tabbed widget with the help of the Notebook widget. Here, the 
user can select different pages of content by clicking on tabs. The 
importance of the tkinter PanedWindow widget will be explored where 
multiple examples will be seen containing horizontal or vertical stacks of 
child widgets. Finally, we will look into the tkinter Toplevel widget where 
the concepts are being explained for the creation and display of top-level 
windows. 


tkinter Frame Widget 


This widget is a container widget responsible for arranging widgets 
positions. It is used as a geometry master for other widgets, but only one per 
frame and is a rectangular region of the screen. The other widgets are 
grouped into complex layouts using the Frame widget. If we need to provide 
padding between the widgets, then it can be done by using this widget. 
Whenever we will be implementing compound widgets, then a Frame class 
can act as a base class. We can have multiple frames per window. 


The syntax is as follows: 
myfr1- Frame(myroot, options...) 
where, 
e myroot is the parent window. 


e Some of the lists of options that can be used as key-value pairs and are 
separated by commas, are bg, bd, height, cursor, highlighthickness, 
highlightcolor, highlightbackground, width, and relief. 


We have discussed all the options as we are aware. Let us now directly see 
the examples: 


from tkinter import* 


myroot=Tk() 


myroot.geometry ( 


myframel-Frame(myroot, width-150, height-150, 


myframel.grid(row-0, column-0) 


myframe2-Frame(myroot, width-150, height-150, 


myframe2.grid(row-1, column-0) 


myframe3-Frame(myroot, width-150, height=150, 


myframe3.grid(row-0, column-1) 


myframe4=Frame(myroot, width=150, height-150, 


myframe4.grid(row=1, column-1) 


myroot.mainloop() 


Output: 


The output can be seen in 


Figure 6.1: Output 


Note: The preceding code is covered in Program Name: Chap6 Examplel1.py 


In this code, we have created multiple frames in a window which are 4 here. 
The grid() method will align the tkinter frames in rows and columns. 
Different Frame objects are created viz myframe1, myframe2, myframe3 and 
myframe4. The width and height of each frame are being set and background 
color option will provide the necessary background color to the frame. 


Now, we shall view to arrange label, Entry, and button widgets in a single 
frame on a parent widget: 


from tkinter import* 


myroot-Tk() 


myroot.geometry( 


myframe1-Frame(myroot ) 

myl1 = Label(myframel1, text 
myl1.grid(row = 0, column = 
myl2 = Label(myframe1, text 
myl2.grid(row = 1, column = 
myl3 = Label(myframel, text 


myl3.grid(row - 2, column - 


myel = Entry(myframe1) 


myel.grid(row - 0, column 25 


mye2 - Entry(myframe1) 


mye2.grid(row - 1, column 1) 
mye3 = Entry(myframe1) 


mye3.grid(row - 2, column 1) 
mybtn = Button(myframe1, text = 
mybtn.grid(row - 3, columnspan 


myframel.grid(row-0, column=@) 


myroot .mainloop() 


Output: 


The output can be seen in 


f tk — o x 
Name 
Age 
PhoneNumber 


View 


Figure 6.2: Output 


Note: The preceding code is covered in Program Name: Chap6 Example2.py 


In this code, there is only one frame and different widgets, namely label, 
Entry, and button. The locations of these widgets in a frame have been 
positioned. 


We can also create another frame and can place it on a parent widget as 
shown: 


from tkinter import* 


myroot=Tk() 


myroot.geometry( 


myframe1=Frame(myroot) 


myframel.grid(row-0, column=@) 


myl1 = Label(myframe1, text 
myl1.grid(row = 0, column = 
myl2 = Label(myframe1, text 
myl2.grid(row = 1, column = € 
myl3 = Label(myframel1, text 


myl3.grid(row = 2, column = 


myel = Entry(myframe1) 


myel.grid(row = 0, column 


mye2 = Entry(myframe1) 


mye2.grid(row - 1, column 
mye3 = Entry(myframe1) 


mye3.grid(row = 2, column 


mybtn = Button(myframel1, text 


mybtn.grid(row - 3, columnspan 


mysideframel-Frame(myroot) 


mysideframel.grid(row-0, column= 


myl1 = Label(mysideframe1, text 
myl1.grid(row = 0, column = 0) 
myl2 = Label(mysideframe1, text 
myl2.grid(row = 1, column = 0) 
myl3 = Label(mysideframe1, text 
myl3.grid(row = 2, column = 0) 


myel = Entry(mysideframe1) 
myel.grid(row = 0, column 
mye2 = Entry(mysideframe1) 
mye2.grid(row = 1, column 
mye3 = Entry(mysideframe1) 


mye3.grid(row = 2, column = 1) 


mybtn = Button(mysideframel, text = 


mybtn.grid(row = 3, columnspan = 


myroot.mainloop() 


Output: 


The output can be seen in 


f tk — " X 


Name Sex 
Age City 
PhoneNumber Address 


View Display | 


Figure 6.3: Output 


Note: The preceding code is covered in Program Name: Chap6 Example3.py 


In this code, we have created 2 frames, one in row-0, column - 0, and 
another in row = 0, column = 1. All the different widgets are placed inside 
these frames as per need. 


tkinter LabelFrame Widget 


This widget will act like a container for grouping the number of interrelated 
widgets and will draw a border around its child widgets. The title can be 
displayed for the above widgets. It is a variant of the Frame widget having 
all the frame features. 


The syntax is as follows: 
mylf1- LabelFrame(myroot, options...) 
where, 

e myroot is the parent window. 


e Some of the lists of options that can be used as key-value pairs and are 
separated by commas are bg, bd, font, cursor height, 
highlightbackground, highlightcolor, highlightthickness, labelAnchor, 
padx, pady, relief, text, width, container, labelwidget, and colormap. 


We have seen most of the options but some undiscussed options are as 
follows: 


* labelanchor: This option will represent the exact text position within 
the widget. The default is NW. 


e container: This option will make the LabelFrame become a container 
widget when set to True. The default value is False. 


* labelwidget: This option allows the user to choose the widget used for 
the label. The text is used for the label by the frame when no value is 
specified. 


e colormap: This option will specify colormap (which means 256 
colors will be used to form the graphics) to be used for the above 
widget. 


We shall see some examples for better understanding: 


tkinter 


~ Init (self): 
super(). init () 


.mylf1 = LabelFrame( 


- font 
self.mylf1.pack(fill= , expand= 


ha 1 Iofina -g 
at | i cu 


self.myl1 = Label(self. 
mylf1, text-"1 | I2 bg = 


self.myli.pack(side = TOP) 


lefined and create 


self.mybtn1 = Button(self. 
mylf1, text= | ade 


self.mybtni.pack(side = 


LabelFrame(sel 


f, text- 
font = ( 


2 


pack(fill= , expand- 


rit 


;elf.mychk1 = Checkbutton(self. 
mylf2, text- CI | , bg 
self.mychk1.pack(side = RIGHT) 


ed ind creat 


elf.myr1 = Radiobutton(self. 
mylf2, text= tad , bg - 


self.myri.pack(side = BOTTOM) 


| name  -- 
myroot = MyLabelFrame() # 
myroot.geometry( 


myroot.mainloop() 


The output can be seen in Figure 6.4: 


Figure 6.4: Output 


Note: The preceding code is covered in Program Name: Chap6 Example4.py 


We can put the text used for the label in any anchor position as shown: 


from tkinter import * 


class MyLabelFrame(Tk): 
def — init (self): 


super(). init () 


self.mylf1 = LabelFrame(self, text= 
nehm m (t 212)7 


bg - , labelanchor - E) 
self.mylf1.pack(fill- , expand= ) 


self.myl1 = Label(self.mylf1, text= 


self.myl1.pack(side = LEFT) 


if _name_ == 


myroot = MyLabelFrame() 


myroot.geometry ( 


myroot.mainloop() 


Output: 


The output can be seen in 


f tk — o xX 


am Label I am LabelFrame 


Figure 6.5: Output 


Note: The preceding code is covered in Program Name: Chap6 Example5.py 


In the preceding code, the text on the label is anchored to the East. 


So, we can say that LabelFrame is a combination of Label and Frames with 
more Label attributes in it. 


tkinter Tabbed/Notebook Widget 


The tabbed widget is created by using the Notebook widget of the ttk 
module. Modern-looking Graphical User Interfaces (GUIs) can be made 
using the improved range of widgets and styles offered by the ttk module in 
Tkinter. The term "Themed Tkinter" refers to a style of tkinter widgets that 
is more unified and aesthetically pleasing than the standard Tkinter widgets. 
As the underlying tkinter framework is built on top of the ttk module, user 
can still utilize popular tkinter methods and properties with ttk widgets. By 
doing this, the user may take advantage of the extra functionality and 
aesthetic choices offered by ttk while still keeping the compatibility of the 
previous tkinter code. 


Compared to the regular tkinter widgets, the ttk widgets offer a variety of 
advantages, including: 


e Rendering of anti-aliased fonts in X11. 


e Transparency of windows (X11 only; requires composite window 
manager). 


e Separation between the code responsible for a widget's look and that 
responsible for its behavior. 


This ttk notebook widget will manage the windows collection, and display 
one at a time. The child window will be associated with a tab. A single tab 
can be selected by the user at a time to view the window content. 


The syntax is as follows: 


mytabcontrol- Notebook(myroot, options...) 


where, 


e myroot is the parent window. 


e Some of the lists of options that can be used as key-value pairs and are 
separated by commas are padding, compound, sticky, underline, and 
text. 


We have seen most of the options but some undiscussed options are as 
follows: 


e compound: This option will supply both image and text to be 
displayed on the tab. It can take one of the three values: none, left 
(image displayed to the left of the text) or right (image displayed to 
the right of the text). 


e padding: This option will add extra space around all 4 sides of the 
panel's content. 


We shall see some examples: 


from tkinter import * 


from tkinter import ttk 


myroot - Tk() 
myroot.title("Demo Tab Widget") 
mytabcontrol = ttk.Notebook(myroot) 


mytab1 ttk.Frame(mytabcontrol) 
mytab2 ttk.Frame(mytabcontrol) 


mytabcontrol.add(mytab1, text -'MyTab1') 
mytabcontrol.add(mytab2, text -'MyTab2"') 


mytabcontrol.pack(expand - 1, fill -"both") 


ttk.Label(mytab1, text ="Welcome to Tabi", font = ('Helvetica',12)). 
grid(column - 0,row - 0, padx - 50, pady - 50) 

ttk.Label(mytab2, text -"I hope u now understood the tab con- 

cept now", font ('Times New Roman’ ,12)).grid(col- 

umn = ð, row 4 paax 50 )ad = 50) 


myroot .mainloop() 


Output: 


The output can be seen in Figure 6.6: 


¢ Demo Tab Widget — LJ x 


Welcome to Tab1 


¢ Demo Tab Widget = O X 


MyTab1 [MyTab2: 


I hope u now understood the tab concept now 


Figure 6.6: Output 


Note: The preceding code is covered in Program Name: Chap6 Example6.py 


In this code, we have initially imported the tkinter ttk module, containing the 
Notebook widget, followed by the creation of a parent window. We have 
given title to the parent window. 


In L1, we have created a tab control. 


In L2, we have created the tabs by using Frames which act like a container 
and will be grouping the tab widgets. 


In L3, we have added the tabs where mytab1 and mytab2 are the child 
widgets of tabcontrol and the above method is present in tk.ttk.Notebook 
class. So, it will add new tabs to the Notebook widget. 


In LA, the widgets will be organized in blocks before placing them in the 
parent widget and different options such as fill and expand are used. 


In L5, we have created label widgets that will display text on the screen, and 
its position is specified on the parent window. 


tkinter PanedWindow widget 


This widget is a container widget that can have any number of child widgets 
(panes) and can be arranged either vertically or horizontally. Each child pane 
can be resized by moving the separator lines called sashes by using the 
mouse. Whenever there is a requirement to implement different layouts in 
the Python applications, we can go for this widget. 


The syntax is as follows: 


mypw1- PanedWindow(myroot, options...) 


where, 
e myroot is the parent window. 


e Some of the lists of options that can be used as key-value pairs and are 
separated by commas are bg, bd, borderwidth, cursor, handlepad, 
height, handlesize, relief, orient, sashcursor, sashrelief, width, 
sashwidth, and showhandle. 


We have seen most of the options but some undiscussed options are as 
follows: 


* handlepad: This option will represent the distance between the handle 
and sash end having the default size of 8 pixels. If the orientation is 
horizontal, it is the distance between the handle and sash top. 


e handlesize: This option will represent the handle size having the 
default size of 8 pixels. 


e orient: This option will allow placing the child Windows at different 
positions in a frame. If set to horizontal, the child windows will be 
placed side by side. If set to vertical, then child windows will be 
placed from top to bottom. 


e sashpad: This option will allow padding to be done around each sash. 


e sashrelief: This option will represent the border type around each 
sash. Its default value is FLAT. 


e sashwidth: This option will specify the sash width whose default 
value is 2 pixels. 


e showhandle: This option will display handles when set to True. Its 
default value is False. 


Some of the commonly used methods in this widget are as follows: 


* add(child, options): This method will add a child window to the paned 
window. 


e get(startindex [,endindex]): This method will get the text within the 
specified range. 


e config(options): This method will allow the widget to configure within 
the specified options. A dictionary is returned containing all option 
values if no options were given. 


We shall see some examples: 


from tkinter import * 


myroot - Tk() 


myroot.geometry( 


mypw1 = PanedWindow(myroot) 


#expand option for widgets to expand and fill for letting widgets ad- 
just itself 


mypwi.pack(fill = BOTH, expand = 1) 


myel = Entry(mypw1, bd = 5, 
,12), bg = ) 


mypw1.add(mye1) 
mypw2 = PanedWindow(mypw1, orient = VERTICAL) 
#adding 2nd paned window to the ist paned window 


mypw1.add(mypw2) 


mye2 - Spinbox(mypw2, from - 10, to - 20, font - ( 
,12), bg - ) 


mye3 - Entry(mypw2, bg - 


mye3.insert(@, 3) 


mypwi.configure(sashrelief = RAISED) 


def subtract(): 
num1 = int(mye2.get()) 
num2 = int(mye3.get()) 
mydata = str(num1-num2) 


myel.insert(1,mydata) 


mypw2.add(mye2) 


mypw2.add(mye3) 


mybtn - Button(mypw2, text - , command - subtract) 


mypw2.add(mybtn) 


myroot.mainloop() 


Output: 


The output can be seen in 


Figure 6.7: Output 


Note: The preceding code is covered in Program Name: Chap6 Example7.py 


In this code, we have created 2 panedwindows, one with default orientation 
HORIZONTAL and the other with orientation VERTICAL. The 2nd pane 
window is added to the 1st pane. The 1st pane contains an Entry widget and 
the 2nd pane contains 1 Spinbox widget and 1 Entry widget, followed by one 
button widget which will calculate the subtraction of 2 numbers and will 
insert the result into the Entry widget of the 1st pane. So, here we have 
created a 3-pane widget. 


We can also increase the separator line width sash as shown: 


from tkinter import * 


myroot - Tk() 


myroot.geometry( ' 300x300 ') 


mypw1 = PanedWindow(myroot,orient -'vertical') 


#expand option for widgets to expand and fill for letting widgets ad- 
just itself 


mypwi.pack(fill = BOTH, expand = 1) 


mychk = Checkbutton(mypw1, text ="I am checkbutton") 
mychk.pack(side - TOP) 


mypw1.add(mychk) 


myr1 = Radiobutton(mypw1, text ="I am radiobutton") 
myr1.pack(side 


mypw1.add(myr1) 


mybtn1 = Button(mypw1, text = 
mybtnl.pack(side = TOP) 


mypw1.add(mybtn1) 
mystr - StringVar() 


- Entry(mypw1, textvariable - mystr, font -( 
, 15, )) 
mye1.pack() 


myel.focus force() 


mystr.set( 


mypw1.configure(sashrelief = RAISED, sashwidth = 5 


mypw1 .add(mye1) 


myroot .mainloop() 


Output: 


The output can be seen in 


f tk — o x 
[ lam checkbutton 


(* | am radiobutton 


| am button 


| PanedWindow 


Figure 6.8: Output 


Note: The preceding code is covered in Program Name: Chap6_Example8.py 


We can also increase the padding around each sash by using the sashpad 
option, as shown: 


mypw1.configure(sashrelief = RAISED, sashwidth 


Just observe the difference, as shown in Figure 6.9: 


f x - m x 


[ lam checkbutton 


(* | am radiobutton 


| am button 


| PanedWindow 


Figure 6.9: Output after increasing the padding 


tkinter Toplevel widget 


This widget is like Frame which is always contained in a new window, that 
will first create and then display the toplevel windows. These windows will 
be managed directly by the Windows manager. This widget may or may not 
have the parent window on top of them. This widget will be required 
whenever we want to see some group of widgets on the new window or we 
want to display some extra information and so on. 


The syntax is as follows: 
mytoplevel1- Toplevel(options...) 
Some of the lists of options that can be used as key-value pairs and are 


separated by commas are bg, bd, cursor, font, class_, fg, height, relief, and 
width. 


We have seen most of the options but some undiscussed options are as 
follows: 


e class_: In this option, when we select the text within a text widget, and 
the text selected in the text manager will be exported. If set to 0, this 
option’s behavior is avoided. 


Some of the methods associated with this widget are as follows: 


deiconify(): This method is used to display the window. 


iconify(): This method will convert the top-level window into an icon 
without destroying it. 


frame(): This method will show a system-dependent window identifier. 


group(window): This method will add a window to a specified window 
group. 

state(): This method will get the current window state, which could be 
normal, iconic, zoomed, and withdrawn. 


protocol(name, function): This method will mention a function that will 
be called for the specific protocol. 


transient([window]): This method will convert the window to a 
temporary window for the given master, when there is no argument. 


withdraw(): This method will remove the window from the screen but 
it will not be destroyed. 


maxsize(width, height): This method will define the maximum size for 
the window. 


minsize(width, height): This method will define the minimum size for 
the window. 


resizable(width, height): This method will help to control the window 
resizing and check whether it can be resizable or not. 


positionfrom(who): This method will define the position controller. 
sizefrom(who): This method will define the size controller. 


title(string): This method will define the window title. 


Let us see a basic example of this widget: 


from tkinter import * 


myroot = Tk() 
myroot.geometry("250x250") 


mynavigate(): 


mytopobj - Toplevel(myroot) 
mytopobj.geometry( '250x250') 


mytopobj.title( 'NewWindow') 


mytopobj.mainloop() 


mybtn1 = Button(myroot, text = "Mynavigate", command mynavigate) 


mybtn1.place(x=100, y=100) 


myroot.mainloop() 


Output: 


The output can be seen in Figure 6.10: 


f f NewWindow = m) X 


Mynavigate 


Figure 6.10: Output 


Note: The preceding code is covered in Program Name: Chap6 Example9.py 


In this code, on clicking the Mynavigate button, a new top-level window is 
opened, having all the properties that a main window should have. 


An important point to note is that when the empty window is created, it is 
200x200 pixels. 


We can create multiple toplevels over one another, as shown: 


tkinter 


myroot - Tk() 


myroot.geometry(": 


def mynavigate(): 


mytopobj1 = Toplevel(myroot) 
mytopobj1. geometry ( *250x250' ) 


tpetting the title for the 


mytopobjl.title( 'MyTo 


myl1 = Label(mytopobj1, text 
myl1.pack(pady = 10) 


mybtn1 = Button(mytopobj1, text = 'MyToplevel2 window', 
mand - func mytoplevel2) 

mybtn1.pack(pady = 10) 

mybtn2 = Button(mytopobj1, text = ‘Exit’, command = mytopobj1. 
destroy) 

mybtn2.pack(pady = 10) 

mytopobj1.mainloop( ) 


func mytoplevel2(): 


mytopobj2 - Toplevel(myroot) 
mytopobj2.geometry( '250x250') 


mytopobj2.title('MyToplevel2') 


myl1 = Label(mytopobj2, text = 'This is a toplevel2 window') 
myl1.pack(pady = 10) 


mybtn2 = Button(mytopobj2, text = 'Exit2', command = mytopobj2. 
destroy) 


mybtn2.pack(pady = 10) 


mytopobj2.mainloop() 


mybtni = Button(myroot, text = "MyToplevell1", command = mynavigate) 


mybtn1.place(x=100, y=100) 


myroot.mainloop() 


Output: 


The output can be seen in Figure 6.11: 


ri [4 ¢ MyToplevel2 = o 
This is a toplevell window This is a toplevel? window 
MyToplevel2 window Exit2 
MyToplevel1 Exit 


A) B) C) 
Figure 6.11: Output 


Note: The preceding code is covered in Program Name: Chap6_Example10.py 


In this code, we are trying to create multiple top levels over one another. 
When the MyToplevel1 button is clicked on the main window (A), a new 
toplevel1 window titled MyToplevel1 window is created (B). It contains a 
button MyToplevel2 window and an Exit button. 


On clicking the MyToplevel2 window button, the user will navigate to the 
next MyToplevel2 window. However, when the Exit button is clicked, then 
the MyToplevel1 window will be closed. Similarly, on clicking the Exit2 
button, the MyToplevel2 window will be closed. Please note that we have 
positioned the GUI forms for you for better understanding. When you 
will run the program, you just need to observe how the output will 
come. 


We can control how the windows are stacked on each other by using the lift() 
method to change the order: 


from tkinter import * 


myroot - Tk() 
myroot.geometry("300x300") 
myroot.title('Main window') 


mytopobj - Toplevel(myroot) 


mytopobj.title('New window') 


mytopobj . geometry ("300x300") 
myroot.lift(mytopobj) 


myroot.mainloop() 


Output: 


The output can be seen in Figure 6.12: 


f Main window - o X 


Figure 6.12: Output 


Note: The preceding code is covered in Program Name: Chap6 Examplel11.py 


We can see that the focus is on the Main window first, which is in front of 
the New window, that is, the position is lifted. Just run the code yourself 
and observe the output. The GUI position shown next is for your better 
understanding. 


We can control whether the window is visible or not by changing the state 
using the state method. The default state is normal. We can make the 
window maximized by setting its state to zoom. 


from tkinter import * 


myroot - Tk() 


myroot.geometry( "300x300" ) 
myroot.title('Main window') 
mytopobj - Toplevel(myroot) 


mytopobj.title('New window') 


mytopobj . geometry ("300x380") 


mytopobj.lift(myroot) 


mytopobj.state( 'zoomed') 


myroot.mainloop() 


Output: 


The output can be seen in Figure 6.13: 


Figure 6.13: Output 


Note: The preceding code is covered in Program Name: Chap6 Example12.py 


The New window is expanded with the geometry size to fit the entire screen. 
The Main window screen will be hidden behind the above form. 


We can hide the window by setting its state to be withdrawn, as shown: 


mytopobj.state( ) 


Refer to Figure 6.14: 


f Main window = e x 


Figure 6.14: View after hiding the window 


We can only see the Main window as the new window is hidden from the 
taskbar. 


If we want to minimize the window so that we can access it from the taskbar, 
we can use the iconic state, as shown: 


mytopobj.state(‘iconic’) 


Refer to Figure 6.15: 


Main window New window 


Figure 6.15: View after minimizing the window 


There are some shortcut methods that can be switched between iconic and 
normal states. We can get the same output shown in the taskbar by using 
iconify() method. The code is as follows: 


from tkinter import * 


myroot - Tk() 
myroot.geometry("300x300") 
myroot.title('Main window') 


mytopobj - Toplevel(myroot) 
mytopobj.title('New window') 
mytopobj . geometry ( "300x300" ) 


mytopobj.lift(myroot) 
mytopobj.iconify() 


myroot.mainloop() 


Note: The preceding code is covered in Program Name: 
Chap6 Example12 2.py 


It will return to its normal state by using deiconify() method, as shown: 


from tkinter import * 


myroot = Tk() 


myroot.geometry("300x300") 


myroot.title('Main window') 


mytopobj - Toplevel(myroot) 
mytopobj.title('New window') 
mytopobj . geometry ("400x300+50+100") 


mytopobj.lift(myroot) 
mytopobj.deiconify() 


myroot .mainloop( ) 


We will get the normal output, as shown in the following Figure 6.16: 


f New window — D X 


Figure 6.16: Output 


Note: The preceding code is covered in Program Name: Chap6 Example13.py 


Here, we have not positioned the output and we have got the desired result 
because we have shifted the window 50 pixels from the top-left corner to the 
right, and 100 pixels down from the top-left screen corner. 


We can restrict the window size by using the maxsize and minsize methods, as 
shown: 


from tkinter import * 


myroot - Tk() 
myroot.geometry ("300x300") 
myroot.title('Main window') 


mytopobj - Toplevel(myroot) 


mytopobj.title('New window') 


mytopobj.geometry( "400x4004 50-100") 


mytopobj.lift(myroot) 
mytopobj.maxsize(400,400) 
mytopobj .minsize(20@, 200) 


myroot.mainloop() 


Output when resized to the minimum window: 


Refer to Figure 6.17: 


Figure 6.17: Output 
Output when resized to the maximum window: 


Refer to Figure 6.18: 


/f New window 


Figure 6.18: Output 


Note: The preceding code is covered in Program Name: Chap6 Example14.py 


Note: Here, we have adjusted the size and position of the window form, for your 
better understanding. 


If we will be using the destroy method, then all the child windows will also 
be deleted. So, on using destroy method on the myroot window, the New 
window will be deleted. However, when we will be using destroy method on 
the New window, then only the above window will be deleted. However, the 
Main window will remain intact. 


Conclusion 


In this chapter, we have learned how to set positions of different widgets in a 
Frame widget, along with the provision of padding. Then we looked into the 
variant of the Frame widget which is tkinter LabelFrame where users were 
able to see frame features along with label display. Then we saw creation of 
a tabbed widget with the help of tkinter Notebook widget where the reader 
can create multiple tabs, which can be attached with clickable buttons. The 
importance of tkinter PanedWindow widget was well explored which was 
containing horizontal or vertical stacks of child widgets. Finally, we looked 
into tkinter Toplevel widget with crystal clear concepts explanation for the 
creation and display of top-level windows. 


Points of remember 


e Use frames to assemble related widgets. The code may become better 
organized and simpler to read as a result. 


e Label frames with the help of labels. The code may become more 
readable and understandable as an outcome. 


e Create tabbed user interfaces with notebooks. This might be a great 
approach for arranging a lot of information in a constrained area. 


e Resizable panes can be created via paned windows. This can be a 
great approach for developing layouts that can be adjusted for 


different sizes of screens. 


e To make new windows, use tkinter Toplevel widgets. Create dialog 
boxes, message boxes, and other types of windows using this 
approach. 


Questions 


o N C UI 


10. 


. Explain the tkinter Frame widget in detail. 


. Which widget is used to arrange the widget's position? Explain in detail 


with a suitable example. 


. Write a program to create an entry panel for age, name, and gender 


using the tkinter Frame widget. 


. Which widget is used for grouping the number of interrelated widgets 


as well as for drawing a border around its child widgets? Explain with a 
suitable program. 


. Explain the tkinter LabelFrame Widget and its syntax. 
. Explain the tkinter Tabbed/Notebook Widget with its syntax. 
. Explain the tkinter PanedWindow Widget in detail. 


. Which widget is a container widget that contains any number of child 


widgets (panes) and can be arranged either vertically or horizontally? 
Explain with a suitable program. 


. Explain the tkinter Toplevel Widget with its syntax and usage in GUI 


application building. 


Which widget is similar to the Frame widget and always contained in a 
new window and will first create and then display the toplevel 
windows. 


Join our book's Discord space 


Join the book's Discord Workspace for Latest updates, Offers, Tech 
happenings around the world, New Release and Sessions with the Authors: 


https://discord.bpbonline.com 


CHAPTER 7 
Getting Insights of Item Widgets in tkinter 


Introduction 


Sometimes, there is a requirement to allow users to select one or more than 
one item from a list. We may require an application for menu creation, which 
either allows users to select different options or requirement for displaying a 
list of items, or to filter and sort a list of items based on name, date, hobby 
and so on. We do require tkinter Listbox widget as it is easy to use, is 
powerful and can be customizable as per our needs. 


Structure 


In this chapter, we will discuss the following topic: 


e tkinter Listbox widget 


Objectives 


After going through this chapter, the reader will learn about the tkinter 
Listbox widget where the user can display different types of lists of items 
and a number of items can be selected from the list. Different select mode 
examples will be viewed along with the scrollbar attached to this widget. 


tkinter Listbox widget 


This widget will display the item list to the user. Only text items can be 
placed in the Listbox and the same font and color will be present in the text 


items. A user has the option to choose one or more items from the list 
depending on the configuration. 


The syntax is as follows: 
mylb1- Listbox(myroot, options...) 
where, 

e myroot is the parent window. 


e Some of the lists of options that can be used as key-value pairs and are 
separated by commas are bd, bg, cursor, font, height, fg, 
highlightcolor, ^ highlightthickness, ^ selectbackground, relief, 
selectmode, xscrollcommand, yscrollcommand, and width. 


We have seen most of the options but some undiscussed options are as 
follows: 


e highlighthickness: This option will represent the focus highlight 
thickness. 


e selectmode: This option will specify the number of items that can be 
chosen from the list and can be set to different modes such as: 


o SINGLE: In this mode, we can select only one line and the mouse 
cannot be dragged. The line is selected whenever we click the 
button1. 


o BROWSE: It is the default mode where the user can select only 
one line out of a listbox. If an item is clicked and the mouse is 
dragged to a different line, then the item selected will follow the 
mouse. 


o EXTENDED: In this mode, the adjacent group of lines can be 
selected at once by clicking on the first line and dragging it to the 
last line. 


o MULTIPLE: In this mode, any number of lines can be selected at 
once. If any line is clicked, it will be toggled whether or not it is 
selected. 


xscrollcommand: This option will link the listbox widget to the 
horizontal scrollbar so that the user can scroll the listbox horizontally. 


yscrollcommand: This option will link the listbox widget to the vertical 
scrollbar so that the user can scroll the listbox vertically. 


Some of the useful methods are as follows: 


activate(index): This method will select the lines specified by the given 
index. 


curselection(): This method will return an empty tuple if nothing is 
selected. However, it will return a tuple having the line numbers of the 
selected elements whose counting is from 0. 


delete(first, Last = None): This method will delete the lines whose 
indices are in the range [first, last]. 


get(first, Last - None): This method will return a tuple containing the 
text of the line whose indices are in the range [first, last]. 


index(i) This method will place the line at the specified index at the 
widget's top. 


insert(index, *elements): This method will allow inserting one or more 
lines in the above widget before the line specified by the index. If we 
want to add new lines to the end of this widget, then use END as the 
first argument. 


nearest(y): This method will return the nearest line index to the y 
coordinate of the above widget. 


size(): This method will return the number of lines that are present in 
the above widget. 


see(index): This method will adjust the above widget's position so that 
the line referred to by the index, is visible. 


xview(): This method will make the widget horizontally scrollable. 


xview moveto(fraction): This method will make the widget horizontally 
scrollable by the fraction of the width of the longest line which is 
present in the widget. 


e xview_scroll(number, what) This method will make the widget 
horizontally scrollable by the number of characters specified. The 
argument can use either UNITS or PAGES to scroll by characters or 
by pages (widget width). 


e yview(): This method will make the widget vertically scrollable. 


* yview_moveto(fraction): This method will make the widget vertically 
scrollable by the fraction of the width of the longest line which is 
present in the widget. 


* yview_scroll(number, what) This method will make the widget 
vertically scrollable by the number of characters specified. 


We shall see some examples for more clarification of the above widget 
usage. Let us see how to create a simple listbox, using the following code: 


from tkinter import * 


myroot - Tk() 
myroot.geometry('350x350') 
myroot.title('My ListBox') 


myget(): 
mylinenumber = mylb1.curselection() 
for loop my linenumber: 


(loop, ':', mylb1.get(loop)) 


mylb1 = Listbox(myroot, width = 30, height = 15, 
Green’, font = ('Verdana',12)) 


mylb1.insert(1, 'Hindi') 
mylb1.insert(2, ‘English’ ) 
mylb1.insert(3, ‘Telugu’ ) 


mybtn = Button(myroot, text = ‘Line number display’, com- 
mand = myget) 


mybtn.pack() 


myroot.mainloop() 


Output: Output when 
button is clicked: 


r] My ListBox = oO x 


$ python mypythonguiprog.py 
0 : Hindi 


Line number display 


Figure 7.1: Output 


Note: The preceding code is covered in Program Name: Chap7 Examplel1.py 


Similarly, when English and Telugu are selected, and the line number display 
is clicked, we will get the following output: 


$ python mypythonguiprog.py 
1 : English 


2 : Telugu 


Figure 7.2: Output 


In the above code, the selected mode is BROWSE by default. There are 3 
items in a listbox and when selected, the output shown in Figure 7.2 will be 
displayed. 


Now, we shall see the selectmode in the listbox: 


from tkinter import * 


myroot - Tk() 
myroot.geometry('350x350') 
myroot.title('My ListBox BROWSE MODE‘) 


mylb1 = Listbox(myroot, width = 30, height 
dana',12), selectmode - BROWSE) 


mylb1.insert(1,'Hindi') 
mylb1.insert(2,'English') 
mylb1.insert(3, 'Telugu') 
mylb1.insert(A4,'Tamil') 
mylb1.pack() 


myroot.mainloop() 


Output: 


The output is shown in Figure 7.3: 


¢ My ListBox BROWSE MODE — o x 


Figure 7.3: Output 


Note: The preceding code is covered in Program Name: Chap7 Example2.py 


Just press the left click or button 1, and drag the mouse to where we can see 
that the selection will follow the mouse. 


In the same example, if we change the selection mode to SINGLE, then we 
can select only a line and we cannot drag the mouse. Refer to Figure 7.4: 


(^ My ListBox SINGLE MODE E oO x 


Figure 7.4: Output when selectmode is SINGLE 


If we change the selectmode to MULTIPLE, then we can select any number 
of lines at once. If any line is clicked, it will be toggled whether or not it is 
selected. Refer to the following Figure 7.5: 


(^ My ListBox MULTIPLE MODE — o x 


Telugu 
Tamil 


Figure 7.5: Output when selectmode is MULTIPLE 


If we change the selectmode to EXTENDED, then adjacent lines are selected 
at once by clicking on the first line and dragging to the last line, as shown in 
Figure 7.6: 


d My ListBox EXTENDED MODE = oO x 


Figure 7.6: Output when selectmode is EXTENDED 


We can delete the active item from the list as shown: 


tkinter 


myroot = Tk() # window 
myroot.geometry( 


myroot.title( 


i iti ] wi pecifed widt nd height 

mylb1 = Listbox(myroot, width = 30, height = 15, font = ( 
,12)) # default widt 20 1 f chara 
in e line and height | 

] ,erti 

mylb1.insert(1, 

mylb1.insert(2, 

mylb1.insert(3,"' 

mylb1.insert(4, 

mylb1.pack() 


mybtn1 = Button(myroot, text = -e", command = lambda mylb1=m- 
ylb1: mylb1.delete(ANCHOR) ) 


mybtn1.pack() 


- mysize(): 
print(mylb1.size()) 


iter 
mybtn2 = Button(myroot, text ize’, command = mysize ) 


mybtn2.pack() 


myroot.mainloop() 


Output before deletion: 


When the Mysize button is clicked, the number of lines in the listbox is 4, as 
shown in Figure 7.7: 


Ë My ListBox delete — o x 


Mydelete 
Mysize 
Figure 7.7: Output 


Note: The preceding code is covered in Program Name: Chap7 Example3.py 


In Figure 7.7, we have selected the Tamil item from the listbox, and it is 
deleted. The number of lines in the listbox is 3 now, as shown in the 
following Figure 7.8: 


Ë My ListBox delete — m x 
Hindi 
English 

elugu 


Mydelete | 
b 
Mysize 


Figure 7.8: Output after deletion 


We can also display vertical and horizontal scrollbar in the listbox, as shown: 


from tkinter import * 


class Scrollbar Listbox(Tk): 
def | init (self): 


super(). init () 


self.title('V AND H SCROLLBARS ' ) 


.mysclbar - Scrollbar( 


.mysclbar.pack(side-RIGHT, fill-Y) 


.sclhbar - Scrollbar( „orient HORIZONTAL ) 
.sclhbar.pack(side = BOTTOM,fill = X) 


.mylistbox = Listbox( 


.mysclbar.set, 


.sclhbar.set) 


.mylistbox.pack(expand 


for loop range(26): 


.mylistbox.insert(END, 'The element is star- 


ing from line number E (loop) + ' and when multi- 
plied by 10 is: ' + (loop*1@) ) 


for loop range(50): 
.mylistbox.insert(END, (loop) + 'An') 


. sclhbar . config( command= .mylistbox. 


.mysclbar.config( command- .mylistbox. 


name == 


myroot = Scrollbar_Listbox() 


myroot.geometry( 


myroot.mainloop() 


Output: 
Refer to the following Figure 7.9: 


f VANDHSCROLLBARS — oO »x 


The element is staring from line number 0 and when ^ 
The element is staring from line number 1 and when 
The element is staring from line number 2 and when 
The element is staring from line number 3 and when 
The element is staring from line number 4 and when 
The element is staring from line number 5 and when 
The element is staring from line number 6 and when 
The element is staring from line number 7 and when 
The element is staring from line number 8 and when 
The element is staring from line number 9 and when 
The element is staring from line number 10 and wher 
The element is staring from line number 11 and wher 
The element is staring from line number 12 and wher 
The element is staring from line number 13 and wher 
The element is staring from line number 14 and wher 
The element is staring from line number 15 and wher 
The element is staring from line number 16 and wher 
The element is staring from line number 17 and wher 
The element is staring from line number 18 and wher 
The element is staring from line number 19 and wher 
The element is staring from line number 20 and wher 
The element is staring from line number 21 and wher 
The element is staring from line number 22 and wher 
The element is staring from line number 23 and wher 
The element is staring from line number 24 and wher 
The element is staring from line number 25 and wher 
0 


1 
2 
3 
< 
Figure 7.9: Output 


Note: The preceding code is covered in Program Name: Chap7_Example4.py 


Conclusion 


In this chapter, we learned about the tkinter Listbox widget where we 
displayed different types of lists of items, and see how a number of items 
can be selected from the list. Different select mode examples on changing to 
SINGLE, MULTIPLE, EXTENDED from BROWSE were also 
demonstrated with examples. Finally, we saw an example of attaching both 
vertical and horizontal scrollbars to the above widget. 


Points of remember 


We can create Listbox widget using tk.ListBox() constructor. 


The appearance and behavior of tkinter Listbox widget can be 
customized based on the number of options present. 


List of items can be displayed and one or more items can be selected 
by the user by using this tkinter Listbox widget, based on the 
application requirement. 


We can filter or sort the items in the list using this tkinter Listbox 
widget. 

User may choose different selectmodes such as SINGLE, 
EXTENDED or MULTIPLE based on application requirement. 


Different events can be triggered like <Button-1>, «Double-Button- 
1>, <Double-Button-1>, <Double-Button-1> and <Double-Button-1> 
based on application requirement. 


Questions 


1. Explain the tkinter Listbox Widget in detail. 


2. Which widget will display the item list to the user? Explain in detail. 


3. Write a program to create a list entry for the following cities: 


a. Nagpur 
b. Pune 
c. Hyderabad 


d. Mumbai 


4. Which widget is used to provide a user with an option to choose one or 
more items from the list depending upon the configuration? Explain in 
detail. 


5. Write short notes on Item Widgets in tkinter. 


Join our book's Discord space 


Join the book's Discord Workspace for Latest updates, Offers, Tech 
happenings around the world, New Release and Sessions with the Authors: 


https://discord.bpbonline.com 


CHAPTER 8 
Getting Insights of tkinter User Interactive 
Widgets 


Introduction 


In this chapter, we will give users the ability to design intuitive Graphical 
User Interfaces (GUI) that look visually appealing. We can construct user- 
friendly GUIs that give users a method to meaningfully interact with the 
application by using widgets such as tkinter Menu, Menubutton and Canvas 
Widgets. In a GUI, menus are made using the Menu widget. The usage of 
menus can give users access to multiple commands or options. When a 
button with the Menubutton widget is clicked, a menu appears. Users can 
frequently access additional commands or settings by using menubuttons. 
Users can draw or interact with things on a canvas created by the Canvas 
widget. Interactive visuals and video games are frequently made using 
canvas widget. 


Structure 


In this chapter, we will discuss the following topics: 
e tkinter Menu widget 
e tkinter Menubutton widget 


e tkinter Canvas widget 


Objectives 


After reading this chapter, the reader will learn how to create different 
menus such as pop-up, top-level, and pull-down menus with the help of the 
tkinter Menu widget. The user can also create different applications such as 
Notepad, WordPad, any management software, and so on. Moreover, we will 
deal with the drop-down menu widget which is associated with a Menu 
widget called the tkinter Menubutton widget, which can display the choices 
when the user clicks on Menubutton. Finally, we will view the concepts of 
drawing different graphics like lines, rectangles, and so on, with the help of 
the tkinter Canvas widget. 


tkinter Menu widget 


This widget is a top-level menu displayed under the parent window's title 
bar. It provides options such as File, Edit, quit, and so on, in the application. 


The syntax is as follows: 
mymenu1- Menu(myroot, options...) 


where, 
* myroot is the parent window. 


e Some of the lists of options that can be used as key-value pairs and are 
separated by | commas are bg, bd,  activeborderwidth, 
activebackground, activeforeground, disabledforeground, cursor, font, 
fg, relief, postcommand, image, selectcolor, tearoff, and title. 


We have seen most of the options but some undiscussed options are as 
follows: 


e activeborderwidth: This option will specify the border width of the 
widget when it is under the mouse. 


e disabledforeground: This option will specify the foreground color 
when the state is disabled. 


e postcommand: When the mouse is over the widget, this option can be 
set to any of the function. 


tearoff: This option will detach the menus from the main window 
creating floating menus and is a position from where the menu starts. 
When set to 1, a menu is created with dotted lines at the top and when 
clicked, the menu becomes floating as it will tear off the parent 
window. When set to 0, the menu is restricted in the main window. 


selectcolor: This option will show the radiobutton or checkbutton 
color when selected. 


title: This option will change the window title of the GUI application 
if it is set to that string. 


Some of the methods used in this widget are: 


add command(options): This method will add menu items to the main 
menu. 


add checkbutton(options): This method will add a checkbutton to the 
menu. 


add radiobutton(options): This method will add a radiobutton to the 
menu. 


add separator(options): This method will add a separator line to the 
menu. 


add cascade(options): This method will create a sub-level menu to the 
parent menu on association of a given menu to the parent menu, where 
the menu items will be aligned one under the other. 


add(type, options): This method will add a specific type (must be 
cascade, checkbutton, command, radiobutton, or separator) of the 
menu item to the menu. 


delete (startindex, endindex): This method will delete menu items from 
the start index to the end index. 


entryconfig (index, options): This method will modify a menu item 
based on the index and will change its options. 


index(item): This method will return the index of the specified menu 
item. 


* insert separator(index): This method will insert a separator at the 
specified index. 


e invoke(index): This method will request the menu item which we want 
at a specified index. 


e type(index): This method will return the choice type which we want at 
a specified index, which could be either radiobutton, checkbutton, 
tearoff, command, cascade, or separator. 
Now, we shall see some examples for better understanding: 
from tkinter import * 


myroot = Tk() 
# will be called when Welcome! menu item will be clicked 
def mygreet(): 


print(^WeLlcome!^") 


# A toplevel menu is created 

mymenu = Menu(myroot) 

#menu items will be added to the main menu 

mymenu.add command(label-"Welcome!", command=mygreet ) 


mymenu.add command(label-"Quit!", command=myroot.quit) # 
will close the GUI application 


# display of menu 


myroot.config(menu=mymenu ) 


myroot.mainloop() 


Output: 


Figure 8.1 shows the default output: 


f tk -— D x 


Welcome! Quit! 


Figure 8.1: Default Output 


Figure 8.2 features the output when the welcome button is clicked: 


$ python mypythonguiprog.py 
Welcome! 


Figure 8.2: Output when the welcome button is clicked 


Note: The preceding code is covered in Program Name: 
Chap8 Examplel1.py 


In this code, we have created a menubar and created the items Welcome! and 
Quit! The menu is attached to the window using config() method. The 
Welcome! message will be displayed on clicking the Welcome! menuitem. 
The GUI application will be closed on clicking the Quit! menuitem. 


Now, we shall see an example where we will be adding menus such as File, 
and Edit Menu to the menu bar and also assign some items to these menus: 


from tkinter import * # importing module 


myroot = Tk() # window creation and initialize the 
interpreter 


#creating main menu 
mymainmenu - Menu(myroot) 


myroot.config(menu = mymainmenu) # need to attach the 
above menu with the root 


Zcreating file menu -- sub level menu corresponding to the 
main menu 


myfilemenu = Menu(mymainmenu, tearoff = 0) # removing the 
dotted lines by setting tearoff = 0 


mymainmenu.add cascade(label - 'MyFile', menu - 
myfilemenu) 


# function is created to display MyNew Project Menu 


def myfunci(): 
print('^MyNew Project Menu’) 


# function is created to display MySave menu 
def myfunc3(): 
print(^MySave Menu’) 


# function is created to exit the GUI application 
def myfunc4(): 

print( ‘Exit’ ) 

myroot.quit() 


exit() 


#adding in the file menu 


myfilemenu.add command(label-'MyNew Project’, command = 
myfunci) # bind the function myfunci we created to the 


above menuitem 


myfilemenu.add command(label-'MySave', command = myfunc3) 
# bind the function myfunc3 we created to the above 
menuitem 


myfilemenu.add_separator() # adding the seperator between 
MySave and MyExit 


myfilemenu.add command(label-'MyExit', command = myfunc4) 
# bind the function myfunc4 we created to the above 
menuitem 


#creating edit menu-- sub Level menu corresponding to the 
main menu 


myeditmenu = Menu(mymainmenu ) 


mymainmenu.add_cascade( label = 'MyEdit', menu = 
myeditmenu ) 


# function is created to display MyUndo menu 
def myfunc2(): 
print(^MyUndo Menu’) 


# function is created to display MyCut menu 
def myfunc5(): 
print(’MyCut Menu’) 


# function is created to display MyCopy menu 
def myfunc6(): 
print(^MyCopy Menu') 


# function is created to display MyRedo menu 
def myfunc7(): 
print(^MyRedo Menu’) 


#adding in the file menu 


myeditmenu.add command(label-'MyCut', command = myfunc5) # 
bind the function myfuncb5 we created to the above menuitem 


myeditmenu.add command(label-'MyCopy', command = myfunc6) 
# bind the function myfunc6 we created to the above 
menuitem 


myeditmenu.add command(label-'MyUndo', command = myfunc2) 
# bind the function myfunc2 we created to the above 
menuitem 


myeditmenu.add command(label-'MyRedo', command = myfunc7) 
# bind the function myfunc7 we created to the above 
menuitem 


myroot.mainloop() # display window until we press the 
close button 


Output: 

Figure 8.3 shows the output with File Menu display: 
f tk — Oo x 
MyFile My€dit 


MyNew Project 
MySave 


MyExit 


Figure 8.3: Output with File Menu display 


Figure 8.4 shows the output with Edit Menu display: 


f tk — " x 
MyFile | MyEdit 


MyCut 

MyCopy 
MyUndo 
MyRedo 


Figure 8.4: Output with Edit Menu display 


Figure 8.5 shows the output when each item of File and Edit menu is 
clicked: 


$ python mypythonguiprog. py 
MyNew Project Menu 

MySave Menu 

MyCut Menu 


MyCopy Menu 
MyUndo Menu 
MyRedo Menu 
Exit 


Figure 8.5: Output when each item of File and Edit menu is clicked 


Note: The preceding code is covered in Program Name: 
Chap8_Example2.py 


We can add radiobutton and checkbutton to the menu and give the color when 
selected, as shown: 


from tkinter import * # importing module 


myroot = Tk() # window creation and initialize the 
interpreter 


#creating variables 
mytxt color - StringVar(myroot) 
mytxt_color.set(“black” ) 


myshow = IntVar(myroot) 


# creating main menu 


mymenuBar = Menu(myroot ) 
mymenui = Menu(myroot) # L1 


# creating submenu 
mysubmenu = Menu(myroot ) 


mysubmenu.add radiobutton(label-"Radio 1”, 
variable-zmytxt color, value="black”, selectcolor = 'Red') 


mysubmenu.add radiobutton(label-"Radio 2", 
variable-zmytxt color, value="green”, selectcolor = 'Red') 


mysubmenui = Menu(myroot) 


mysubmenui.add checkbutton(Llabel-"Check 1”, 
variable=myshow, selectcolor = ‘Green’ ) 


mymenuBar.add cascade(label-"MyMenu", menu=mymenut ) 


mymenui.add cascade(Llabel-"Submenu with Radio buttons", 
menu=mysubmenu ) 


mymenui.add separator() 


mymenui.add cascade(Llabel-"Submenu with Check buttons", 
menu=mysubmenut ) 


myroot.config(menu=mymenuBar ) # display the menu to the 
window 


myroot.mainloop() 


Output: 


Figure 8.6 shows the default output: 


8 tk — " x 
.MyMenu. 


Submenu with Radio buttons » 


Submenu with Check buttons > 


Figure 8.6: Default output 


Figure 8.7 shows the output when submenus with Radio buttons is 
expanded. Radio 1 is checked: 


| v Radio 1 
Submenu with Check buttons > Radio 2 


Figure 8.7: Output when submenus with Radio buttons is expanded. Radio 1 is checked 


Figure 8.8 shows the output when Radio 2 is checked: 


Submenu with Radio buttons 


Submenu with Check buttons > v Radio 2 


Figure 8.8: Output when Radio 2 is checked 


Figure 8.9 shows the output when submenus with Check buttons is 
expanded: 


Figure 8.9: Output when submenus with Check buttons is expanded 


Figure 8.10 shows the output when Check 1 is checked: 


Figure 8.10: Output when Check 1 is checked 


Note: The preceding code is covered in Program Name: 
Chap8 Example3.py 


In this code, we can see that we have created a menubar Mymenu having 2 
submenus (Figure 8.6). The 1st submenu will contain Radiobutton menu 
items Radiol, and Radio2, and the 2nd submenu will contain checkbutton 
Check1 menu item (Figure 8.9). 


We can see that when one radiobutton is selected (Figure 8.7), the other 
radiobutton is unselected, and vice-versa (Figure 8.8). The select color of the 
checkbutton is Red in color. A variable is set to store which of the options 
are toggled and a value is set for each button. By default, we have set it to 
‘black’. 


Moreover, when Check1 is clicked, then it will be selected (Figure 8.10). 
The select color of the checkbutton is Green in color. A variable is specified 
to hold the current checked state. 


Now, suppose we click the given portion in the menu as shown in the red 
color rectangular region, in Figure 8.11: 


f tk — " x 


Menu 


Submenu with Radio buttons » 


Submenu with Check buttons > 


Figure 8.11: Output on detaching the dotted lines 


It will detach the menus from the main window, thus creating floating 
menus. When set to 1, a menu is created with dotted lines at the top and 
when clicked, the menu becomes floating as it will tear off the parent 
window. Refer to Figure 8.12: 


/ ' MyMenu a 
M v/Menu Submenu with Radio butto > 
v Rad 
Submenu with Check buttc > Radio 1 
Radio 2 


Figure 8.12: Output after detachment of dotted lines 


So, in L1 in the code, we will set it to O so that the menu is restricted in the 
main window: 
mymenui = Menu(myroot, tearoff = 0) # L1 


Now, we will not see the dotted separated line, and will be restricted in the 
main window, as shown in Figure 8.13: 


8 tk -— o x 
MyMenu 
Submenu with Radio buttons » 


Submenu with Check buttons > 


Figure 8.13: Output when tearoff is set to 0. No dotted line 


We can also change the label of an item in the menu using entryconfig() 
method as shown: 


from tkinter import * 


myroot = Tk() 


mymenu bar - Menu(myroot) 


def myselected(menu): 


menu.entryconfig(1, Llabel-"Selected!") 


myedit menu - Menu(mymenu bar, tearoff-0) 


myedit menu.add command(Llabel-"Demoi1", command=Lambda: 
myselected(myedit menu)) 


mymenu bar.add cascade(label-"Edit", menu-zmyedit menu) 


myroot.config(menuzmymenu bar) 


myroot.mainloop() 
Output: 


Figure 8.14 shows the output before clicking Demo1 button: 


Figure 8.14: Output of before clicking Demo1 button 


Figure 8.15 shows the output after clicking Demo1 button: 


8 tk — o A 
Edit 


selected! | 


Figure 8.15: Output before clicking Demo1 Button 


Note: The preceding code is covered in Program Name: 
Chap8 Example4.py 


We can add a specific type of menu item by adding it as a string to the menu. 
It can be a keyword argument by using the key itemType or be a positional 
argument. 


from tkinter import * 


myroot = Tk() 
mymenu bar - Menu(myroot) 


myedit menu = Menu(mymenu bar, tearoff=0) # L2 
myedit menu.add command(Llabel-"Cut") 


myedit menu.add("command", Llabel-"Copy", command=Lambda: 
print(^Copy")) 


myedit menu.add("command", Llabel-"Paste", command-lambda: 


print(“Paste”)) # using 


myedit menu.add(itemType = "command", Llabel-"Exit", 
command-lambda: myroot.quit()) # using itemType 


mymenu bar.add cascade(label-"Edit", menu-zmyedit menu) 
myroot.config(menuzmymenu bar) 


myroot.mainloop() 
Output: 


Figure 8.16 shows the output when Paste menu item is clicked. As we can 
see, Paste is displayed to the console: 


f tk -— o xX 
Edit 

Cut 

Copy 


Exit 


$ python mypythonguiprog. py 


Paste 


l 


Figure 8.16: Output when Paste menu item is clicked; Paste is displayed on the console 


Figure 8.17 shows the output when Copy menu item is clicked. As we can 
see, Copy is displayed to the console: 


f tk — oO x 
Edit 


$ python mypythonguiprog.py 


Copy 


|] 


Figure 8.17: Output when Copy menu item is clicked; Copy is displayed on the console 


Note: The preceding code is covered in Program Name: 
Chap8 Example5.py 


When the Exit menu item will be clicked, the GUI application will exit. 


In the same example at position L2, we can specify the activeborderwidth of 
the widget to some value when it is under the mouse, as shown: 


myedit menu = Menu(mymenu bar, tearoff=0, 
activeborderwidth = 5) # L2 


So, just observe the difference highlighted in blue color when the mouse is 
over the widget. Refer to Figure 8.18: 


f tk — m x 
Edit 

Cut 

Paste 


Exit 


Figure 8.18: Output when activeborderwidth is set to value 5 


tkinter Menubutton widget 


This widget is a drop-down menu part that is shown to the user all the time. 
An option is provided to the user to select from different choices. It is 
associated with the menu which can display its choices when clicked by the 
user. 


The syntax is as follows: 
mymb1- Menubutton(myroot, options...) 
where, 

e myroot is the parent window. 


e Some of the lists of options that can be used as key-value pairs and are 
separated by commas are bg, bd, bitmap, activebackground, 
activeforeground, anchor, direction, cursor, disabledforeground, 


height, fg, highlightcolor, justify, image, menu, padx, pady, relief, text, 
state, textvariable, underline , wraplength, and width. 


We have seen most of the options but some undiscussed options are as 
follows: 


direction: This option will specify the menu to be displayed in the 
specified direction to the button. It could be ABOVE, LEFT, or 
RIGHT where the menu will be displayed above, left, or right of the 
button. 


highlightcolor: This option will display the color when tkinter 
Menubutton widget is clicked. 


image: This option will set the image displayed on the tkinter 
Menubutton widget. 


menu: This option will display the menu associated with the 
menubutton. 


text: This option will display the text on the menubutton. 


textvariable: This option will allow controlling the above widget text 
at runtime by setting the control variable of string type at runtime to 
the text variable. 


Refer to the following code: 


from tkinter import * 


myroot = Tk() 


myroot.geometry( ‘200x200’ ) 


# Create a menu button with optiones specified 


gamelist = Menubutton(myroot, text-'Games', 
justify=CENTER, relief = ‘groove’ ) 


# creating drop down menu which will become visible when 
the user will click the menu button 


mygames = Menu(game List ) 


game List .config(menu=mygames ) 


# will add commands to the drop down menu 
mygames.add command(Llabel-'Cricket') 
mygames.add command(Llabel-'Football') 
mygames.add command(Llabel-'Badminton') 
game list.pack() 


myroot.mainLloop() 
Output when the Games button is clicked: 


The output can be seen in Figure 8.19: 


f tk — D X 
Games 
Cricket 


Football 
Badminton 


Figure 8.19: Output 


Note: The preceding code is covered in Program Name: 
Chap8_Example6.py 


We can add a checkbutton to the menubutton, as shown: 


from tkinter import * 


myroot = Tk() 
myroot.geometry(^300x150") 


# creating menubutton 


menubutton - Menubutton(myroot, text - "My Hobby", relief 
- FLAT) 


menubutton.grid() 


# creating pull down menu 
menubutton.menu - Menu(menubutton, tearoff - 0) 
menubutton[ “menu” ]zmenubutton.menu 


# creating checkbutton 


menubutton.menu.add_checkbutton( label = “Reading Books”, 
variable-IntVar()) 


menubutton.menu.add_checkbutton( label = "Playing Outdoor 
games", variable = IntVar()) 


menubutton.pack() 
myroot.mainloop() 
Output when both hobbies are selected: 


The output can be seen in Figure 8.20: 


f tk — m x 
My Hobby 


v Reading Books 


v Playing Outdoor games 


Figure 8.20: Output 


Note: The preceding code is covered in Program Name: 
Chap8 Example7.py 


Here, we can select both hobbies. However, we can force the user to select 
any one hobby by using radiobuttons, as shown: 


from tkinter import * 


myroot = Tk() 
myroot.geometry(^300x150") 


# creating menubutton 


menubutton - Menubutton(myroot, text - "My Hobby", relief 
= FLAT) 


menubutton.grid() 


# creating pull down menu 
menubutton.menu - Menu(menubutton, tearoff - 0) 


menubutton[ “menu” ]zmenubutton.menu 


# creating radiobutton when clicked the color will be 
changed to green 


myvali = IntVar() 


menubutton.menu.add_radiobutton( label = "Reading Books", 
value = 1, variable=myval1, selectcolor = ‘green’ ) 


menubutton.menu.add_radiobutton( label = “Playing Outdoor 
games", value = 2, variable = myvali, selectcolor = 
‘green’ ) 


menubutton.pack() 


myroot.mainLloop() 


Output: 


The output can be seen in Figure 8.21: 


f tk - o x f ik — m X 
My Hobby My Hobby 
Reading Books v Reading Books 
v Playing Outdoor games Playing Outdoor games 


Figure 8.21: Output 


Note: The preceding code is covered in Program Name: 
Chap8 Example8.py 


tkinter Canvas widget 


This widget will allow drawing structured graphics such as line, rectangle, 
circle, polygon, and so on, to the Python application. It can render graphs or 
plots and is a powerful widget for building GUI applications. 


The syntax is as follows: 
mycv1- Canvas(myroot, options...) 


where, 
e myroot is the parent window. 


e Some of the lists of options that can be used as key-value pairs and are 
separated by commas are bg, bd, confine, cursor, height, relief, 
highlightcolor, scrollregion, width, xscrollincrement, yscrollincrement, 
xscrollcommand, and yscrollcommand. 


We have seen most of the options but some undiscussed options are as 
follows: 


e confine: This method when set to true, will make the canvas 
unscrollable outside the scroll region. 


scrollregion: This method specified as tuple (N, S, E or W) represents 
the coordinates containing the canvas area. Here, N means top, S 
means bottom, E means right and W means left side. 


xscrollincrement: This option is used to set the scrolling dimension in 
horizontal direction. Setting some positive value, the scrolling limit 
will increase in multiple of the set value. If the value of this option is 
less than or equal to zero, then horizontal scrolling is unconstrained. 


yscrollincrement: This method is similar to xscrollincrement but the 
vertical movement is governed. 


xscrollcommand: This method should be the .set() method of the 
horizontal scrollbar if the canvas is scrollable. 


yscrollcommand: This method should be the .set() method of the 


vertical scrollbar if the canvas is scrollable. 


The items supported by the above widget are line, rectangle, image, oval, 
and polygon. We shall see the usage of the tkinter Canvas widget to draw 
these items, as shown: 


from tkinter import * # importing module 


myroot = Tk() # window creation and initialize the 
interpreter 


myroot.geometry( ‘400x400’ ) 
myroot.title('Linecreation') 


# creation of canvas widget . draing a rectabgular area 


myci = Canvas(myroot, width = 350, height = 350, bg = 
^LightBlue') # L1 


myci.pack() 


# drawing 2 lines 
myline = myci.create line(0,0,300,150) # L2 (x1,y1,x2,y2) 


mygreen line = myci.create line(300,150,0,300, fill = 
^Green') # L3(x1,y1,x2, y2) 


myroot.mainloop() £ display window until we press the 
close button 


Output: 


The output can be seen in Figure 8.22: 


¢ Linecreation 


Figure 8.22: Output 


Note: The preceding code is covered in Program Name: 
Chap8_Example9.py 


In L1, we have created a canvas widget that contains the first parameter as 
the parent window, the 2nd, and 3rd parameters as width and height, and the 
last parameter as the background color. The widget can be customized by 
providing other widgets. 2 straight lines L2 and L3 are drawn using the 
create_line() method. The pixels are in the form of (x,y) pair and are referred 
from the top-left corner of the canvas and got the desired output as expected. 


We can change the color of the line using the itemconfigure() method, as 
shown: 


myci.itemconfigure(myline, fill = 'Red') # changing the 
color of myline object 


Refer to Figure 8.23: 


f Linecreation = C X 


Figure 8.23: Output after changing the color of the line from topleft as Red 


We can get the coordinates associated with the line object by using coords() 
method, as shown: 


print(myci.coords(myline)) 


Refer to Figure 8.24: 


$ python mypythonguiprog.py 


[0.0, 0.0, 300.0, 150.0] 


Figure 8.24: Output displaying the coordinates associated with the line object 


We can also change the coordinates of the line using the coords() method. 
Just add the following line and comment on the previous command, as 
shown: 


# print(myci.coords(myline)) 
myci.coords(myline, 0,0,175,175,350,0) 


Refer to Figure 8.25: 


¢ Linecreation = o x 


Figure 8.25: Output displaying the change of coordinates using cords method 
Here, we have created 3 pairs of coordinates. 


We can also smoothen the line. Just add the following line of code, as 
shown: 


myci.itemconfigure(myline, smooth = True) 


Refer to Figure 8.26: 


ld Linecreation — L1 x 


Figure 8.26: Output displaying line smoothen 


Here, the canvas will draw multiple line segments, in order to create a 
smooth appearance of the line. 


We can control how many line segments it uses to try and represent this line 
by configuring the splinesteps option. So, add the following line in the code: 


myci.itemconfigure(myline, splinesteps - 6) 


Refer to Figure 8.27: 


f Linecreation E a x 


Figure 8.27: Output with configuration of splinesteps options 
So, this will draw the line by using 6 steps to try and smooth it up. 


We can delete the line object by adding the following line of code: 
myci.delete(myline) 


Refer to Figure 8.28: 


f Linecreation -— o x 


Figure 8.28: Output after deleting the line object 


Now, we shall see how to create an arc using a canvas widget: 
from tkinter import * # importing module 


myroot = Tk() # window creation and initialize the 
interpreter 


myroot.geometry( ‘300x300’ ) 
myroot.title('arccreation') 


4 canvas widget creation 


myci = Canvas(myroot, width = 300, height = 300, bg = 
'LightBlue"') 


myc1.pack() 


# arc creations 


myci.create arc(50,50,150,150) 
myci.create arc(120,120,200,200, extent = 120) 


Zfill: arc interior filled with Red color 


myc1.create_arc(180,180, 250,250, extent = 120, style = 
CHORD, fill = ‘Red’) 


# start angle par: start location in degrees whose default 
is 0 deg 


# extent angle par: from the start location the no. of 
degrees to extend the arc whose default is 90 deg 


# style par: arc style to draw could be pieslice(default), 
chord and arc 


myc1.create_arc(180, 250,270,270, start = 50, extent = 120, 
style = ARC) 


myroot.mainloop() # display window until we press the 
close button 


Output: 
Refer to Figure 8.29: 


f arccreation m 0 x 


Figure 8.29: Output 


Note: The preceding code is covered in Program Name: 
Chap8_Example10.py 


We can create an image item using Canvas, as shown: 
from tkinter import * # importing module 


myroot = Tk() # window creation and initialize the 
interpreter 


myroot.geometry( ‘360x360’ ) 
myroot.title('ImageCanvas') 


myci = Canvas(myroot, width = 360, height = 360, bg = 
‘LightBlue’ ) 


myc1.pack() 


myphoto = PhotoImage(file = ‘butterfly1.gif’ ) 
myci.create_image(0,0,image = myphoto, anchor = Nw) 


myroot.mainloop() # display window until we press the 
close button 


Output: 
Refer to Figure 8.30: 


"i ImageCanvas — o X 


Figure 8.30: Output of Chap8_Example11.py 


Note: The preceding code is covered in Program Name: 
Chap8 Example11.py 


In the above code, we have created a canvas with the first parameter as the 
parent window and other options such as height, width, and 
backgroundcolor. The photoimage available in the tkinter package will help 
us to keep our image as an item over it. The image name location is referred 
to in Photoimage and is placed over the canvas. 


We can create a rectangle using Canvas, as shown: 


from tkinter import * # importing module 


myroot = Tk() # window creation and initialize the 
interpreter 


myroot.geometry( ‘300x300’ ) 


myroot.title('rectanglecreation') 


Zcanvas creation 


myci = Canvas(myroot, width = 300, height = 300, bg = 
'LightBlue"') 


myci.pack() 


# rectangle creation 


myrect = myci.create rectangle(100,100,300,300, fill = 
‘Red’, outline = 'Blue") 


myroot.mainloop() # display window until we press the 
close button 


Output: 
Refer to Figure 8.31: 


f rectanglecreation ue m X 


Figure 8.31: Output of Chap8_Example12.py 


Note: The preceding code is covered in Program Name: 
Chap8 Example12.py 


In the above code, initially, we have created a canvas with the first parameter 
as the parent window and other options as height, width, and 
backgroundcolor. Then we created a rectangle with 2 pairs of coordinates, 
mentioned along with other options such as fill and outline. 


We can also create an ellipse or circle at the given coordinates. The 2 pairs 
of coordinates are taken with the top left and bottom right corners of the 
bounding rectangle for the oval, as shown: 


from tkinter import * # importing module 


myroot = Tk() # window creation and initialize the 
interpreter 


myroot.geometry( ‘350x350’ ) 
myroot.title('circlecreation') 


4 canvas object creation 


myci = Canvas(myroot, width = 350, height = 350, bg = 
'LightBlue') 


myc1.pack() 


4 rectangle object creation 


myrect = myci.create rectangle(100,100,350,350, fill = 
‘Red’, outline = ‘Red’ ) 


#oval object creation 


myci.create_oval(100,100,350,350, fill = ‘Yellow’, outline 
= ‘Yellow’ ) 


myroot.mainloop() # display window until we press the 
close button 


Output: 
Refer to Figure 8.32: 


f circlecreation = o X 


Figure 8.32: Output 


Note: The preceding code is covered in Program Name: 
Chap8 Example13.py 


We can create a polygon but it should have at least 3 vertices, as shown: 


from tkinter import * 
class CreatePolygon(Frame): 
def | init (self, myroot=None): 
# myroot object is initialised 


super(). init (myroot) # Calling 
Frame. (init  (myroot) 


self.myroot = myroot # Update the myroot object 
after Frame() makes necessary changes to it 


def mycreateCanvas(self, mycanvas width, 
mycanvas. height): 


# Creating canvas object 


mycanvas = Canvas(self.myroot, bg-"LightBlue", 
widthzmycanvas width, height-zmycanvas height) 


return mycanvas 


def mycreate polygon(self, mycanvas): 
mypoints = [100,200,200,100,250,350,100, 200] 


mycanvas.create polygon(mypoints,fill - 'Yellow', 
outline = ‘Red’, width = 2) # polygon creation 


return mycanvas 


# Create our myroot object to the Application 
myroot = Tk() 
myroot.title('polygoncreation') 


4 creating create polygon object 

myobj = CreatePolygon(myroot=myroot ) 
mycanvas = myobj.mycreateCanvas(400, 400) 
mycanvas = myobj.mycreate polygon(mycanvas) 


# The items are packed into the canvas 
mycanvas.pack() 

# Start the mainloop 

myobj .mainloop( ) 

Output: 


Refer to Figure 8.33: 


$ polygoncreation — L1 x 


Figure 8.33: Output 


Note: The preceding code is covered in Program Name: 
Chap8 Example14.py 


We can also write text in Canvas, as shown: 


from tkinter import * # importing module 


myroot = Tk() # window creation and initialize the 
interpreter 


myroot.geometry( ‘300x200’ ) 
myroot.title('Textwriting') 


# canvas object creation 


myci = Canvas(myroot, width = 300, height = 200, bg = 
'LightBlue') 


4 Create text 
myci.create text(10, 100, anchor=W, font="Helvetica”, 
text-"Hey! I am writing text in Canvas") 


myc1.pack() 


myroot.mainloop() £ display window until we press the 
close button 


Output: 
Refer to Figure 8.34: 


¢ Textwriting - o x 


Figure 8.34: Output 


Note: The preceding code is covered in Program Name: 
Chap8  Example15.py 


Conclusion 


In this chapter, we learned about creation of pop-up, top-level, and pull- 
down menus with the help of the tkinter Menu widget. We also saw example 
of adding radiobutton and checkbutton to the menu. The tearoff option, 
entryconfig() method, adding a specific type of item using the key itemType 
or a positional argument was well explored. We also viewed a widget which 
was associated with the menu and was provided to the user to select, from 
different choices, viz. tkinter Meubutton widget. We also saw example of 
adding radio and checkbuttons to this menubutton widget. Finally, we 
explored the concepts of drawing different graphics such as lines, rectangles, 
arc, polygon, text and create of image item1 with the help of the tkinter 
Canvas widget. 


Points to remember 


e Menus can be created using tkinter menu widget. A hierarchical menu 
structure is created by nesting of menus. Users are provided with a 
way to access additional commands or options using menus. 


e Button that displays a drop-down menu is created by using tkinter 
menubutton widget. It is associated with the menu which can display 
its choices when clicked by the user. Users are provided with a way to 
access additional commands or options using menubutton widget. 


e tkinter canvas widget will allow drawing structured graphics such as 
line, rectangle, circle, polygon, and so on, to the Python application. 
We need to use the Canvas method on the parent widget to create a 
canvas, and then add elements to it with the create methods such as 
create line, create rectangle, create text and create image. 


e Meaningful titles can be given to menus and menubuttons. Users will 
find it simpler to understand what each menu item or menu button 
accomplishes as a result. 


* [n menus, it is important to group relevant commands together which 
will make the job of user simpler for locating the commands. 


e For menus and menubuttons, use icons. 


e Maintain a consistent look for your menus and menubuttons. The GUI 
will look sleeker and user-friendly as a result. 


e Thoroughly test your menus and menubuttons. Verify that they 
perform as planned and do not introduce any issues. 


Questions 


10. 


. Explain the tkinter Menu Widget in detail. 


. Which widget is a top-level menu and provides options such as File, 


Edit, quit, in the application? 


. Explain the tkinter Menu Widget in detail and its syntax with a suitable 


program to justify your answer. 


.Write a program to create a menubar and then create the items 


Welcome! and Quit! 


. Explain the tkinter Menubutton Widget in detail. 


. Which widget is a drop-down menu part that is shown to the user all the 


time? Explain in detail. 


. Which widget has an option that allows the user to select from different 


choices? 


. Explain the tkinter Canvas Widget with its syntax and a short program 


to justify your answer. 


. Which widget allows to plot structured graphics like line, rectangle, 


circle, and polygons? Explain the widget in detail. 


How to render graphs or plots for building GUI applications? Explain 
in detail. 


CHAPTER 9 
Handling File Selection in tkinter 


Introduction 


In GUI applications, handling file selection in tkinter is frequently required 
since we must let the user choose a file for processing or display. For 
instance, we can allow the user to choose an image file to display in an 
image viewer application, or choose a text file to load and edit in a text 
editor application. 


To assist with managing file selection dialogs, tkinter offers the filedialog 
module. This can make it much simpler to implement this feature in our 
application. The selected file or directory's path is returned by the filedialog 
module's methods for selecting, saving, and selecting files and directories. 
We may make sure that our application is cross-platform compatible and that 
the user can select files using a typical file selection dialogue by utilizing the 
filedialog module. This can improve the usability and appearance of 
application. 


Structure 


In this chapter, we will discuss the following topics: 
e Handling file selection in tkinter 
o askdirectory 
o askopenfile 


o askopenfilename 


o askopenfilenames 
o asksaveasfile 


o asksaveasfilename 


Objectives 


After reading this chapter, the reader will learn about handling file selection 
with different dialogs for opening a file, saving a file, and so on, with help of 
multiple examples created with various Python applications. 


Handling file selection in tkinter 


We come across the requirements of opening a file, saving a file, and 
opening a directory sort of operations. In such cases, the tkinter provides a 
dialog containing a small file browser called a file dialog, which is a part of 
the filedialog module. There are a different set of functions which creates file 
dialogs. The common arguments taken by each function are: 


e title: This parameter will specify the title of the dialog window. 
* parent: This parameter will specify the optional parent widget. 


* initialdir: This parameter will specify the directory in which the file 
browser should start. 


e filetypes: This parameter will specify the list of tuples each with a label 
and matching pattern for filtering the visible files supported by the 
application. 


Some functions take additional options such as: 
* initialfile: It is a default file path to select. 


e defaultextension: It is a file extension string that is appended 
automatically to the filename if the user does not do it. 


Some functions return a file object taking mode argument, specifying the file 
open mode. 


Now, we shall discuss each function one by one. 


askdirectory: This function will return the directory path as a string and it 
displays only directories. 


from tkinter import * 
from tkinter.filedialog import askdirectory 
myroot = Tk() 
myroot.title(‘Askdirectory’ ) 
myroot.geometry( ‘300x100’ ) 
def mydisplay(): 

myroot.directory - askdirectory() 


mybtni = Button(myroot, text = 'MyDirectoryOpen', command 
- mydisplay) 


mybtni.pack(pady - 10) 
myroot.mainloop() 


Output: 


Figure 9.1 shows the default output: 


MyDirectoryOpen 


Figure 9.1: Default output 


Figure 9.2 shows the output when the MyDirectoryOpen button is clicked: 


f Select Folder 


€ t ïs > ThisPC > Windows (C:) 
Organize v New folder - 
^ 
v E This PC 

3 3D Objects Li Android f. 
=» A360 Drive hp 
ll Desktop - vo: | : 
gj Documents B Microsoft f 
F Downloads MSOCache 
D Music OneDriveTemp 1-0 f 
= Pictures IE! page 
Bl Videos || PerfLogs fi 

> 4. Windows (C:) |. Program Files File f 
as Files (E |. Program Files (x86) 24-05-2020 22 File folde 


ProoramData 
a» Study (F:) v «€ 


Folder: | Windows (C:) 


Figure 9.2: Output when the MyDirectoryOpen button is clicked 


Note: The preceding code is covered in Program Name: 
Chap9_Example1.py 


askopenfile: This function will return a file handle object and it allows only 
the selection of existing files. 

from tkinter import * 

from tkinter.filedialog import askopenfile 

myroot = Tk() 

myroot.title( ‘AskOpenFile’ ) 

myroot.geometry( ‘300x100’ ) 

def myopen_file(): 


myfile = askopenfile(mode =’r’, filetypes =[(‘ALL 
Python Files’, ‘*.py’)]) 


if myfile is not None: 


content = myfile.read() # read all the file 
contents 


print(myfile.name) # display the file name 


mybtni = Button(myroot, text = 'MyAskOpenFile', command = 
myopen file) 


mybtni.pack(pady - 10) 


myroot.mainloop() 
Output: 


Figure 9.3 shows the default output: 


MyAskOpenFile 


Figure 9.3: Default output 


Figure 9.4 shows the output when the MyAskOpenFile button is clicked: 


f Open 


€ ^ || > ThisPC Files (E GUI Python > v ~ I 
Organize + New folder - ï 
A Nar e ate ry | fie. | ne 
DU This PC "ier , " , 
3 3D Objects [a prog5 functionbindtobutton.py 99-12-2019 19:59 Python File 
2» A360 Drive [^ prog6_mouseclickevents.py | 
E Desktop & prog? geometry.py 
# prog? pythonexe.py 
&) Documents 
lA prog classes.py 
4 Downloads 
# prog9 menu.py 
J Music A prog10 msgbox.py 
= Pictures # prog! !_canvas.py 
B Videos [A prog12 geometry.py 
$» Windows (C:) # prog13 entry.py 
Files (E) # prog!4 checkbox.py 
T - nena’ radiohidtan m 
we Study (F:) v < 


File name: | prog5 functionbindtobutton.py All Python Files (*.py) 


Figure 9.4: Output when the MyAskOpenFile button is clicked 


Note: The preceding code is covered in Program Name: 
Chap9 Example2.py 


Output when any .py file is chosen and displays that file name: 
E:/GUI Python/prog5 functionbindtobutton.py 
askopenfilename: This function will return the file path as a string and it 
allows only the selection of existing files. 
from tkinter import * 
from tkinter.filedialog import askopenfilename 
myroot = Tk() 
myroot.tit Le( ‘AskOpenFileName’ ) 
myroot.geometry( ‘300x100’ ) 
def myopen_file(): 
myfile = askopenfilename( ) 


print(myfile) # display the file name 


mybtni = Button(myroot, text = 'MyAskOpenFileName', 
command = myopen file) 


mybtni.pack(pady - 10) 
myroot.mainloop() 


Output: 


Figure 9.5 shows the default output: 


MyAskOpenFileName 


Figure 9.5: Default output 


Figure 9.6 shows the output when the MyAskOpenFileName button is clicked: 


r] Open X 
^ |) > ThisPC > Files(E) » GUI Python > v J Search GUI Pythor 
Organize * New folder =~ [H3 Q 
E This PC ^ Name í Date modified Type Size ^ 
3 3D Objects g _pycache_ 09-12-2019 2 le folder 
&» A360 Drive | 1 build 09-12-2019 2 File folder 
m Desktop E dist 09-12-2019 20:19 File folder 
[P LabelDemo.py 08-12-2019 23:31 Python File 
= Documents ra : p 
# mypythonguiprog.py 09-06-2020 00:0 Python File 
Vy Downloads [P p2Framedemo.py 09-12-2019 19:10 Python File 
2 Music [P prg3_fittingwidgets.py 09-12-2019 19:13 Python File 
=) Pictures | prg3_fittingwidgets.spec 09-12-2019 20:19 PEC File 
Bl Videos [A prog4 gridlayout.py 09-12-2019 19:5 Python File 
i» Windows (C:) [P prog5 functionbindtobutton.py 09-12-2019 19:59 Python File 
n À prog6 mouseclickevents. 09-12-2019 22:11 Python File 
— Files (E) da 096. py | " i : 
nrank meoicecliekesente cenar na 19 SDEC File 
we Study (F:) v < > 
File name: | prg3 fittingwidgets.py ~ 


Figure 9.6: Output when the MyAskOpenFileName button is clicked 


Note: The preceding code is covered in Program Name: 
Chap9 Example3.py 


Output when any .py file is chosen and displays that file name: 
E:/GUI Python/prg3 fittingwidgets.py 


In the above code, we are creating an open file dialog that asks for a 
filename and returns the selected dialog name. 


askopenfilenames: This function will return file paths as the list of strings and 
it allows multiple selections. 
from tkinter import * 
from tkinter.filedialog import askopenfilenames 
myroot = Tk() 
myroot.tit Le( ‘AskOpenFileNames’ ) 
myroot.geometry( ‘300x100’ ) 
def myopen_files(): 
myfile_List=[ ] 


myfiles = 
askopenfilenames(initialdir="E:\\GUI_Python”, 
title-"Select Python files”) 


for file in myfiles: 
myfile_List.append(file) 
print(myfile_list) 


mybtni = Button(myroot, text = 'MyAskOpenFileNames', 
command = myopen_files) 


mybtni.pack(pady = 10) 


myroot.mainloop() 


Output: 


Figure 9.7 shows the default output: 


MyAskOpenFileNames 


Figure 9.7: Default output of Chap9_Example4. py 


Figure 9.8 shows the output when the MyAskOpenFileName button is clicked: 


f Select Python files 


x 
^ |)» ThisPC » Files (E:) > GUI Python > v € Search GUI. Pytl 
Organize v New folder z. m Q 
EE This PC d Name v Date modified Type Sze ^ 
P 3D Objects —pycache . 19 ; File folder 
> A360 Drive build 19 2 File folder 
li Desktop | dist 09-12-2019 20:19 File folder 
- [A LabelDemo.py 08-12-2019 23:31 Python File 
=| Documents " E SE j 
ps læ mypythonguiprog.py 09-06-2020 00:00 Python File 
A Downloads [P p2Framedemo.py 09-12-2019 19:10 Python File 
J Music [P prg3_fittingwidgets.py 09-12-2019 19:13 Python File 
=) Pictures |_|] prg3_fittingwidgets.spec 09-12-2019 20:19 SPEC File 
Videos [P prog4 gridlayout.py 09-12-2019 19:50 Python File 
E A P T 19 ython File 
iia Windows (C:) d prog5 functionbindtobutton.py Pyth 
rog6 mouseclickevents. 09-12-2019 22:11 Python File 
= Files (E) a proge. Py ——— — - 
nronh moiceclickeente cener " 1Q 1 CDFC File 
we Study (F:) v < > 


File name: | "prog4 gridlayout.py^ "mypythonguiprog.py" "p2Framedemo.py" "prg3 fittingwidgets.py" "prg3 fi ~ 


Figure 9.8: Output when the MyAskOpenFileNames button is clicked 


Note: The preceding code is covered in Program Name: 
Chap9 Example4.py 


Output when any .py file is chosen and displays that file name. 


[‘E:/GUI_Python/mypythonguiprog.py’, ‘E:/GUI_Python/p2Framedemo.py’, 
‘E:/GUI_Python/prg3_fittingwidgets.py’, 


‘E:/GUI_Python/prg3_fittingwidgets.spec’, 
‘E:/GUI_Python/prog4_gridlayout.py’|] 


In the above code, we are creating an open file dialog that asks for filenames 
and returns the selected dialog names. 


asksaveasfile: This function will return a file handle object and it allows new 
file creations and confirmation on existing files to be prompted. 
from tkinter import * 
from tkinter.filedialog import asksaveasfile 
myroot = Tk() 
myroot.titLle( ‘AskSaveasFile’ ) 
myroot.geometry( ‘350x150’ ) 
def saveas(): 
mytxt = myei.get() 
myfiles = [( ‘ALL Files’, '*.*"), 
(‘Python Files’, ‘*.py’), 
(‘Text Document’, ‘*.txt’)] 


myfilei = asksaveasfile(filetypes = myfiles, 
defaultextension = myfiles) 


myfilei.write(mytxt) 


mye1 = Entry(myroot, font-('Verdana',12)) 
mye1.place(x=10, y=10, width=200, height=100 ) 


mybtni = Button(myroot, text=’SaveasFile’, font= 
(‘Courier’,10), width=10,bd=10, command =saveas) 


mybtni.place(x-220,y-110) 
myroot.mainloop() 
Output: 


Figure 9.9 shows the default output: 


Weclome Beginners! 


SaveasFile | 


Figure 9.9: Default output 


Figure 9.10 shows the output when the SaveasFile button is clicked: 


7 Save As x 
^ Li ^ This PC > Desktop > saveas v o earch savea 


Organize v New folder + Q 


^ Name Date modified Type ze 


E This PC 
P 3D Objects 
= A360 Drive 
BB Desktop 
= Documents 
4. Downloads 
J Music 
= Pictures 
Bl Videos 


‘ Windows (C:) or . 


Save as type: Text Document (*.txt) v 


^ Hide Folders [ 5 ]| e 


Figure 9.10: Output when the SaveasFile button is clicked 


We can see that there are no .txt files present in the above folder. When the 
Save button is clicked, the file is saved as demo1.txt in the above folder, as 
shown in Figure 9.11: 


Name Date modified Type Size 


ar Quick access 
lll Desktop 
$ Downloads 


demol.txt 13-06-2020 14: Text Document 


^| Documents 

= Pictures 

T Chapter-11 

T GUI codes Burkharc 
T GUI Python 


1 Saveas 


Figure 9.11: Output after saving as demo1.txt file 


The contents inside the folder is shown in Figure 9.12: 


| demo1 txt - Notepad = o X 


File Edit Format View Help 
Weclome Beginners! 


Ln 1, Col 1 100% — Windows (CRLF) UTF-8 


Figure 9.12: Output displaying the contents inside demol .txt file 


Note: The preceding code is covered in Program Name: 
Chap9 Example5.py 


asksaveasfilename: This function will return the file path as a string and it 
allows new file creations and confirmation on existing files to be prompted. 


from tkinter import * 


from tkinter import messagebox 
from tkinter.filedialog import asksaveasfilename 
myroot = Tk() 
myroot.tit Le( ‘AskSaveasFileName’ ) 
myroot.geometry( ‘350x150’ ) 
def saveas(): 
mytxt = myei.get() 
myfiles = [(‘AlLl Files’, ‘*.*’), 
(‘Python Files’, ‘*.py’), 
(‘Text Document’, ‘*.txt’)] 


myfilei = asksaveasfilename(filetypes = myfiles, 
defaultextension = myfiles, confirmoverwrite = False) 


fname = myfilet 
if fname !- '': 
try: 
myfile1 = open(fname, “at+”) 
myfilei.write('Nn' +str(mytxt) ) 
myfilei.close() 


messagebox.showinfo( ‘Data Writing!’, ‘Data has 
been appended’ ) 


except: 
print(^There is no such file’ ) 


mye1 = Entry(myroot, font=( ‘Verdana’ ,12) ) 
mye1.place(x=10, y=10, width=200, height=100 ) 


mybtni = Button(myroot, text=’SaveasFileName’, font= 
(‘Courier’,10), width=14,bd=10, command =saveas) 


mybtni.place(x-210,y-110) 


myroot.mainloop() 


Output: 


Figure 9.13 shows the default output: 


I am overwriting!... 


SaveasFileName | 
Figure 9.13: Default output 


Figure 9.14 shows the output when the SaveasFileName button is clicked: 


7 Save As 
^ O > ThisPC » Desktop > saveas v J earch savea 


Organize + New folder =v 


^ N 


EH mis PC 
D 30 Objects demol.txt 13-06-2020 16:21 Text Document 
= A360 Drive 
I Desktop 
=| Documents 
4) Downloads 
^ Music 
= Pictures 
EI Videos 


1» Windows (C:) v g 


File name: | demol.txt 


Save as type: All Files (*.*) 
DC Ceci 
Figure 9.14: Output when the SaveasFileName button is clicked 


On clicking the Save button, the following message shown in Figure 9.15 
will pop up: 


ame Date modified Type Size 


f Data Writing! x 


C Data has been appended 


Figure 9.15: Output display after clicking the Save button 


Here, we are appending the already created text file. So, the data inside the 
file demo1.txt file is shown in Figure 9.16: 


J| demo1.txt - Notepad 


File Edit Format View Help 
Welcome Beginners! 


I am overwritingl... 


Ln 1, Col 1 100% — Windows (CRLF) UTF-8 


Figure 9.16: Contents display inside demo1.txt file appending the newly added text 


If the file is not created, the new text file, say ‘demo2.txt, will be created, as 
shown in Figure 9.17: 


f Save As x 


^ E) > ThisPC » Desktop > saveas v 8 Search saveas 
Organize v New folder Ez v [?] 
BE This PC Name f Date modified Type Size 
3 3D Objects "| demol.txt 13-06-2020 16:27 Text Document 1 
© A360 Drive 
IB Desktop 
=) Documents 
4) Downloads 
J^ Music 
= Pictures 
EI Videos 
1» Windows (C:) ai n 
fenne 
Save as type Text Document (*.txt) v 


^ Hide Folders [see] Cca 


Figure 9.17: Output display on creation of a new file demo2.txt 
The data inside the above file is as shown in Figure 9.18: 


[I] demo2.txt - Notepad = D X 


File Edit Format View Help 


I am overwriting!... 


Ln 1, Col 1 100% — Windows (CRLF) UTF-8 


Figure 9.18: Output depicting the content inside demo2.txt file 


Note: The preceding code is covered in Program Name: 
Chap9 Example6.py 


We can also provide a dialog box for color selection, as shown: 


from tkinter import * 


from tkinter.colorchooser import * 


def myclickme(): 


(my rgb, mycolor) - askcolor(title - 'Please choose 
your color’) # tuple will be returned 


print(my rgb) 
print(mycolor) 
myroot.configure(backgroundzmycolor ) 


myroot = Tk() 
myroot.title( ‘ColorPicker’ ) 


mybtni = Button(myroot, text-"Choose 
Color”, command=myc Lickme) 


mybtni.pack() 
myroot.geometry(^300x300") 
myroot.mainloop() 

Output: 


Figure 9.19 shows the default output: 


Choose Color | 


Figure 9.19: Default output 


Figure 9.20 shows the output when the Choose Color button is clicked: 


Please choose your color 


$ 


rT Ld ei 
"TTI EN 
TT EE 
"TTTIL 
ENNENZ[] 
TEENE 
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f 


Custom Colors > 


[ok] cw» 


Figure 9.20: Output When Choose Color button is clicked 


Figure 9.21 shows the output display of change of background color on 
pressing OK button: 


d ColorPicker — L1 x 


Choose Color 


Figure 9.21: Output display of change of background color on pressing Ok button 
Output at the console: 


Refer to Figure 9.22: 


(128.5, 255.99609375, 255.99609375) 


#80ffff 


Figure 9.22: Output at the console 


Note: The preceding code is covered in Program Name: 
Chap9_Example7.py 


So, we can say that on clicking the OK button, a tuple is returned, which 
consists of a color value in RGB format and hexadecimal format as 
displayed. Moreover, we have changed the background color of the frame 
with the returned color value. 


Conclusion 


In this chapter, we learned that tkinter's handling of file selection is a rather 
straightforward process. To open, save, and browse files, we can utilize a 
number of the functions offered by the tkinter filedialog module. The 
askopenfilename() and asksaveasfilename() functions are the two that are most 
frequently utilized. With the use of these functions, a user can choose a file 
from their computer and select the path of that file. 


Other functions that can be used to filter files, get information about files, 
and create custom file dialogs, are also provided by the filedialog module. In 
the end, we explored about prompt display of color selection dialog box by 
the user. 


Points of remember 


The filedialog module is used to open, save and filter files. Moreover, 
with this module, we can get information about files and can create 
custom file dialogs. 


The askopenfilename() function allows selecting a file to open by the 
user. 


The asksaveasfilename() function allows selecting a file to save by the 
user. 


The askdirectory() function will return the directory path as a string 
and displays only directories. 


The askopenfile() function will return a file handle object and allows 
only the selection of existing files. 


The askopenfilenames() function will return file paths as list of strings 
and allows multiple selections. 


The asksaveasfile will return a file handle object and allows new file 
creations and confirmation on existing files to be prompted. 


Questions 


1. How is the process of opening and saving the file executed in Tkinter? 
Explain. 


2. How is the file dialog window accessed in Tkinter? Explain in detail. 
3. Write short notes on the following: 

a. Askdirectory 

b. Askopenfile 

c. Askopenfilename 

d. Askopenfilenames 

e. Asksaveasfile 


f. asksaveasfilename 


4. Which widget is used to provide access for opening, closing, and saving 
the file? Explain the widget in detail. 


CHAPTER 10 
Getting Widget Information and Trace in 
tkinter 


Introduction 


Many a times, it is necessary to get to know the widget information and 
traces in a Python application. The widget's size, position, and condition are 
among the first details about which we can know. The widget may be 
displayed differently or controlled using this information. Additionally, it 
enables us to trace the changes made to the widget, such as when its text or 
state is altered. Other widgets or other actions may be updated using this 
information. Moreover, the behavior of the widget can be customized based 
on its current value or state by using trace. So, in this chapter, we shall learn 
about how to get widget information and explore various trace methods 
using tkinter library. 


Structure 


In this chapter, we will discuss the following topics: 
e Getting widget information 


e Trace in tkinter 


Objectives 


After going through this chapter, the reader will learn about how to get 
widget information with the help of multiple examples. We will also deal 


with different trace methods viz trace add, trace remove, trace info, and so 
on. 


Getting widget information 


There are a set of winfo methods that gives access to the widget information. 
A few useful methods are as follows: 


e winfo width(): This method will return the widget width. 
e winfo height(): This method will return the widget height. 


Refer to the following code: 


from tkinter import * 
myroot = Tk() 
mycanvas - Canvas(myroot, width- 300, height - 350) 


print(“Before packing width is: " + 
str(mycanvas.winfo width())) 


print(“Before packing height is: " + 
str(mycanvas.winfo height())) 


mycanvas.pack() 
mycanvas.update() 


print(“After packing and updating width is: ^" + 
str(mycanvas.winfo width())) 


print(“After packing and updating height is: " + 
str(mycanvas.winfo height())) 

Output: 

Before packing width is: 1 

Before packing height is: 1 

After packing width is: 304 

After packing height is: 354 


Note: The preceding code is covered in Program Name: 
Chap10 Examplel1.py 


e winfo children(): This method will return a child widget's list. 


from tkinter import * 
myroot = Tk() 
myroot.geometry( ‘300x160’ ) 
mye1 = Entry(myroot ) 
myel.pack(pady = 10) 


mybtni = Button(myroot, text = ‘Button’ ) 
mybtni.pack(pady = 10) 


myli = Label(myroot, text = ‘Label’ ) 
myli.pack(pady = 10) 


# we are iterating on each child widget of the parent 
window and disabling them 


for loop in myroot.winfo children(): 
Loop.config(state=’disable’ ) 

myroot.mainloop() 

Output: 


The output can be seen in Figure 10.1: 


f tk — o x 


Button | 


Figure 10.1: Output 


Note: The preceding code is covered in Program Name: 
Chap10 Example2.py 


e winfo geometry(): This method will return widget size and location. 


from tkinter import * 
myroot = Tk() 
myroot.geometry(‘’300x160+150+300’ ) 


myroot.update() 

print(myroot.winfo geometry()) 
myroot.mainLloop() 

Output at the console: 

300x160 1504-300 

Output position of the window at the monitor screen 


Where 300 is the width, 160 is the height, and (150 shifted on x axis, 300 
shifted on y axis) 


Refer to Figure 10.2: 
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Figure 10.2: Output 


Note: The preceding code is covered in Program Name: 
Chap10 Example3.py 


e winfo ismapped(): This method will determine whether the widget is 
mapped or not, meaning that it has been added to the layout using a 
pack() and grid(). 


from tkinter import * 


myroot = Tk() 


def myforget(widget): 
widget.forget() 


print(f"Is {widget[‘text’]} mapped after calling 
forget method ? = “, 


bool(widget.winfo ismapped())) 
def myretrieve(widget): 
widget.pack() 
# will check if the widget exists or not 


print(f"Is (widget['text']? mapped after widget 
retrieval ? - ", 


bool(widget.winfo exists())) 


mybtni = Button(myroot, text = "IamButtoni", bg = 
'LightBlue"') 


mybtni.pack(pady - 10) 
# Making widget invisible 


mybtn2 = Button(myroot, text = "Button2", command = Lambda 
: myforget(mybtni), bg = ‘LightGreen’ ) 


mybtn2.pack(pady = 10) 


# Retrieving the widget 
mybtn3 = Button(myroot, text = “Button3”, command = Lambda 


: myretrieve(mybtni), bg = ‘LightPink’ ) 
mybtn3.pack(pady = 10) 
myroot.geometry( ‘300x200’ ) 


myroot.mainloop() 


Output: 
Refer to Figure 10.3: 


Figure 10.3: Default output of Chap10. Example4.py 
Refer to Figure 10.4: 


Figure 10.4: Output when Button2 is clicked 
Refer to Figure 10.5: 
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Figure 10.5: Output at the console when Button2 is clicked 


Refer to Figure 10.6: 
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Figure 10.6: Output when Button3 is clicked 


Refer to Figure 10.7: 


$ python mypythonguiprog.py 
Is IamButton1 mapped after calling forget method ? = False 


Is IamButton1 mapped after widget retrieval ? = True 


Figure 10.7: Output at the console when Button3 is clicked 


Note: The preceding code is covered in Program Name: 
Chap10 Example4.py 


* winfo x(): This method will get the x coordinate of the widget's top left 
corner. 


e winfo y(): This method will get the y coordinate of the widget’s top left 
corner. 


Refer to the following code: 


from tkinter import * 


myroot = Tk() 


def myx y func(): 
print(mybtn2.winfo x()) 
print(mybtn2.winfo y()) 


mybtn2 = Button(myroot, text 


= “Button”, command = 
myx y func, bg = ‘LightGreen’ ) 


mybtn2.pack(pady = 10) 
myroot.geometry( ‘300x100’ ) 


myroot.mainLloop() 
Output when the Button is clicked: 


Refer to Figure 10.8: 


f tk — o x 
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Figure 10.8: Output 
Note: The preceding code is covered in Program Name: 
Chap10 Example5.py 
Trace in tkinter 


To track variables in Python, variable wrappers are created by tkinter by 
attaching an ‘observer’ callback to the variable. Variable classes such as 


BooleanVar, StringVar, DoubleVar, IntVar for Boolean, string, double, and 
integer values respectively can be registered to an observer, which gets 
triggered whenever the variable value is accessed. Until an observer is 
explicitly deleted, it remains active. The callback function associated with an 
observer takes 3 arguments, which are as follows: 


e Mode of access 
e The tkinter variable index in case it is an array else an empty string. 


e The tkinter variable name. 


Let us now study the various trace methods. 


trace add() 


This method will replace trace variable() method. It will add an observer to a 
name and return the callback function name whenever the value is accessed. 


The syntax is as follows: 
trace add(self, mode, callback name) 


where, 


* The mode parameter can be one of ‘array’, ‘read’, ‘write’, ‘unset’, or a 
list or tuple of such strings. 


* callback name parameter is a callback function name that is to be 
registered on the tkinter variable. 


trace remove() 


This method will replace the trace vdelete() method. It will unregister an 
observer and initially while registering the observer through the trace add() 
method, it will return the callback name. 


The syntax is as follows: 
trace remove(self, mode, callback name) 


where, 


e The mode parameter can be one of ‘array’, ‘read’, ‘write’, ‘unset’, or a 
list or tuple of such strings. 


* callback name parameter is a callback function name that is to be 
registered on the tkinter variable. 


trace info() 


This method will replace trace vinfo() and the trace method, which returns a 
callback name and is used to find the callback name which is to be deleted. 
The argument here is the tkinter variable itself. 


The syntax is as follows: 
trace info(self) 


Refer to the following code: 


from tkinter import * 
myroot = Tk() 
myroot.title('Trace add') 
myroot.geometry( ‘300x200’ ) 
my value = StringVar() 


mybtni = Button(myroot, textvariable = my value, bg = 
'LightBlue"') 


mybtni.pack(padx = 10, pady = 10) 


myel = Entry(myroot, textvariable = my value, bg = 
'LightGreen"') 


myei.pack(padx = 10, pady = 10) 

# defining the callback function (observer) 

def my associatedcallback(var, indx, mode): 
print(“Traced variable {}: ".format(my value.get())) 


# registering the observer 


my value.trace add('write', my associatedcallback) 


myroot.mainLloop() 
Output initially: 
Refer to Figure 10.9: 


f Trace add = o X 


Figure 10.9: Default output of Chap10. Example6.py 
Refer to Figure 10.10: 
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Figure 10.10: Output when the data is entered in the Entry widget 


Refer to Figure 10.11: 


$ python mypythonguiprog.py 
Traced variable W: 

Traced variable h 

Traced variable Wel: 

Traced variable Welc: 
Traced variable Welco: 
Traced variable Welcom: 
Traced variable Welcome: 
Traced variable Welcomet: 


Traced variable Welcometo: 


Traced variable Welcometop: 
Traced variable Welcometopy: 
Traced variable Welcometopyt: 
Traced variable Welcometopyth: 
Traced variable Welcometopytho: 
Traced variable Welcometopython: 


[ 


Figure 10.11: Output at the console when user entering the text 


Note: The preceding code is covered in Program Name: 
Chap10_Example6.py 


In the above code, the callback function will be triggered whenever the 
widget text changes and will return a string “Traced Variable”, that is, the 
moment the text in the entry widget is written, the text in the Button widget 
will be written simultaneously. 


Conclusion 


In this chapter, we learned that understanding tkinter’s widget information 
and trace information is crucial for producing good Graphical User 
Interfaces. We can access widget information to learn more about a widget, 
including its size, location, and state. The widget may be displayed 
differently or controlled using this information. We may track changes to the 
widget, such as when its text is changed or its status is altered, using the 
trace information. Other widgets or other actions may be updated using this 


information. Finally, we explored about different trace methods viz 
trace add(), trace remove() and trace info(). 


Points to remember 


We can access widget information to get information about a widget, 
including its size, location, and state. 


The winfo width() and winfo height() methods can be used to obtain a 
widget's width and height, which can subsequently be used to adjust 
the widget's size. 


We may track changes to the widget, such as when its text is changed 
or its status is modified, using the trace information. 


Widget information can be used to change how the widget is displayed 
or controlled. 


We can update other widgets or carry out additional tasks using trace 
information. 


To obtain widget information, make use of winfo_ methods. 
The trace() method can be used to track changes made to a widget. 


A trace callback can be added to a widget using the trace add() 
method, and information about the trace callbacks connected to a 
widget can be obtained using the trace info() method. 


To remove a trace callback, use the trace remove() method. 


Questions 


1. How can we get widget information in tkinter? Explain in detail. 


2. What is the meaning of trace in tkinter? Explain in detail. 


3. Explain the trace methods used in the tkinter GUI application. 


4. Explain the following: 


a. trace add() 


b. trace remove() 
c. trace info() 


5. How does tkinter GUI interact with Sqlite3 database? Explain the entire 
process in detail. 


CHAPTER 11 
UserLogin Project in tkinter GUI Library with 
sqlite3 Database 


Introduction 


In this chapter, we shall see a Graphical User Interface (GUI) application 
by creating a UserLogin project with sq-lite3 database. The code shall be 
explained along with the desired output. We will also learn how a GUI can 
be used to interact with a sqlite3 database. 


Structure 


In this chapter, we will discuss the following topics: 
e GUI interaction with sqlite3 database 
e Displaying a GUI application 


Objectives 


By the end of this chapter, the reader will know about GUI interaction with 
sqlite3 database. We will be learning how to connect any GUI program with 
sqlite3 database, and here we are creating a small GUI application using 
tkinter library. We shall see different steps of interacting with sqlite3 
database, starting with importing the module, connecting to the database, 
creating a cursor object, then executing queries, committing the changes and 
finally closing the connection. 


GUI interaction with sqlite3 database 


To use GUI interaction with sqlite3 database, we will follow the given steps: 


1. We will be using an import statement to our Python program: 
import sqlite3 


2. The next step is to connect to the database. We will be using 
sqlite3.connect() function by passing the file name to open or create it. 
mydb = sqlite3.connect(^"demo.db"') 


3. Once the connection is done, we can create a cursor object and then call 
the execute() method to perform SQL commands: 
mycr = mydb.cursor() 


4. Then create a table, using: 
mycr.execute(‘create table Login(UNAME text, 
UPASS text)’) 


5. Commit the changes, that is, save the changes: 
mydb.commit() 


6. Close the connection: 
mydb.close() 


If we close the database connection without calling commit, the changes will 
be lost. 
Displaying a GUI application 


Let us now see a Python code to display a GUI application of UserLogin 
Project with tkinter library, along with connectivity to sqlite3 database. You 
will get a glimpse of GUI code with connectivity to sqlite3 database. 
Practice the following code and follow the steps as instructed: 


from tkinter import * 


import sqlite3 


from tkinter import messagebox 


from tkinter import ttk 
myroot = Tk() 
myroot.geometry( ‘600x400’ ) 
myroot.resizable(0, 0) 
myroot.title( ‘Home Page’ ) 
myframe55 = None 


def myscreen(): 
myntb = ttk.Notebook() 
def mydemo(a1): 


print(myntb.index('current')) # getting tab 
positions 


if myntb.index('current') == 5: 


myhome( ) 


myntb.bind( ‘<<NotebookTabChanged>>’, mydemo) 
myntb.place(x=0, y=0,width = 600, height = 400) 


bginsertion(myntb) 
myshowall(myntb) 
mysearch(myntb) 
myupdate(myntb) 
mydelete(myntb) 
my Logout (myntb) 

def bginsertion(ntb): 
myf4 = Frame(bg = ‘LightBlue’ ) 
ntb.add(myf4, text=’MyInsert’ ) 


m = StringVar() 


n - StringVar() 

o - StringVar() 

p = StringVar() 

q - StringVar() 

myli = Label(myf4, font = ('Calibri',15),text = ‘Enter 
Roll No.', bg = 'LightBlue', fg = ‘Red’ ) 

my L1.place(x=150, y=50) 

mye1 = Entry(myf4, font = ('Calibri',15), textvariable 
= m) 

myei.place(x = 300, y = 50, width = 100) 

myl2 = Label(myf4, font = ('Calibri',15),text = ‘Enter 
Name’, bg = ‘LightBlue’, fg = ‘Red’ ) 

my L2.place(x=150, y=100 ) 

mye2 = Entry(myf4, font = ('Calibri',15), textvariable 
= n) 

mye2.place(x = 300, y = 100, width = 100) 

myl3 = Label(myf4, font = ('Calibri',15),text = ‘Enter 
Phy.', bg = ‘LightBlue’, fg = ‘Red’ ) 

my L3.place(x=150, y=150 ) 

mye3 = Entry(myf4, font = ('Calibri',15), textvariable 
= 0) 

mye3.place(x = 300, y = 150, width = 100) 

myl4 = Label(myf4, font = ('Calibri',15),text = ‘Enter 
Chem.’, bg = ‘LightBlue’, fg = ‘Red’ ) 


my L4.place(x=150, y=200) 


mye4 = Entry(myf4, font = ('Calibri',15), textvariable 
= p) 
mye4.place(x = 300, y = 200, width = 100) 


myl5 = Label(myf4, font = ('Calibri',15),text = ‘Enter 
Maths.’, bg = ‘LightBlue’, fg = ‘Red’ ) 


my L5.place(x=150, y=250) 


mye5 = Entry(myf4, font = ('Calibri',15), textvariable 
= q) 
mye5.place(x = 300, y = 250, width = 100) 


def mydatainsertion(): 

mydb = sqlite3.connect('mydemo.db"') 

my cursor - mydb.cursor() 

my cursor.execute("insert into ins 
values('"4*m.get()4"', '"*n,get()*"', '"*o,get()*"*' , '"+p.get( 
)t"','"*g.get()*"" )") 

mydb .commit ( ) 

mydb.cLlose() 

messagebox.showinfo( ‘Title’, ’Data Inserted’) 
.set(‘’) 
.set(‘’’) 
.Set('") 
.Set('") 
.Set('^") 
myshowalldata(myframe55) 


mybtn = Button(myf4, font = ('Calibri',15),text = 
‘Insert Data’, bg = 'LightBlue', fg = ‘Red’, command = 
mydatainsertion) 


mybtn.place(x = 250, y = 300, width = 100, height = 
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30) 

def myshowall(ntb): 
myf5 = Frame(bg = ‘LightBlue’ ) 
ntb.add(myf5, text=’MyShowALl’ ) 
global myframe55 
myframe55 = myf5 
myshowaLlldata(myf5) 

def myshowalldata(myf5) : 
# for deletion addition 


for loop in myf5.winfo_children(): # a list of 
widgets are returned 


loop.destroy() 


myul = Label(myf5, font = ('Arial',12), text = 
No.’,bg = ‘LightBlue’, fg = ‘Red’ ) 


myu1.place(x=0, y=0, width = 120) 


myu2 = Label(myf5, font (‘Arial’,12), text = 
‘Name’,bg = ‘LightBlue’, fg ‘Red’ ) 


myu2.place(x=120, y=0, width = 120) 


myu3 = Label(myf5, font (‘Arial’,12), text = 
‘Phy.’,bg = ‘LightBlue’, fg ‘Red’ ) 


myu3.place(x=240, y=0, width = 120) 


myu4 = Label(myf5, font = ('Arial',12), text = 
‘Chem.’,bg = ‘LightBlue’, fg = ‘Red’ ) 


myu4.place(x=360, y=0, width = 120) 


all 


“ROLL 


myu5 = Label(myf5, font = ('Arial',12), text = 
^Maths',bg = ‘LightBlue’, fg = ‘Red’ ) 


myu5.place(x=480, y=0, width = 120) 
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= sqlite3.connect(‘mydemo.db’ ) 
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db.cursor() 

r = cr.execute("select * from ins ^") 
x = 50 

y = 60 

for loop in r: 


Label(myf5,text = Lloop[0], font = ('Arial',12), bg 
‘LightBlue’, fg = 'Red').place(x-x, y=y) 


X += 120 


Label(myf5,text = Loop[1], font = ('Arial',12), bg 
= ‘LightBlue’, fg = 'Red').place(x-x, y=y) 


X += 120 


Label(myf5,text = Loop[2], font = ('Arial',12), bg 
= ‘LightBlue’, fg = ‘Red’).place(x=x, y=y) 


X += 120 


Label(myf5,text = Loop[3], font = ('Arial',12), bg 
‘LightBlue’, fg = 'Red').place(x-x, y=y) 


X += 120 


Label(myf5,text = Loop[4], font = ('Arial',12), bg 
‘LightBlue’, fg = ‘Red’ ).place(x=x, y=y) 


y += 60 
x = 50 
def mysearch(ntb): 
myf6 = Frame(bg = ‘LightBlue’ ) 
ntb.add(myf6, text=’MySearch’ ) 


s1 - StringVar() 


myul = Label(myf6, font = ('Arial',12), text = ‘Roll 
No.’,bg = ‘LightBlue’, fg = ‘Red’ ) 


myul.place(x-100,y-50, width = 120) 


mye1 = Entry(myf6, font = ('Calibri',15), textvariable 
= s1) 


myei.place(x = 200, y = 50, width = 100) 


def searched(): 


db = sqlite3.connect(‘mydemo.db’ ) 


cr db.cursor() 


r = cr.execute("select * from ins where URNO 
='"+si.get()+”"’ i) 


for loop in r: 


myli = Label(myf6, text = “Name is: ", font = 
(‘Calibri’,15), bg = ‘LightBlue’, fg = 'Red') 


myli.place(x-200,y-100) 


myl2 = Label(myf6, text = loop[1], font = 
(‘Calibri’,15), bg = ‘LightBlue’, fg = 'Red') 


myl2.place(x-350,y-100) 


myli = Label(myf6, text = "Phy : ", font = 
(‘Calibri’,15), bg = ‘LightBlue’, fg = ‘Red’) 


myli.place(x-200,y-150) 


myl2 = Label(myf6, text = loop[2], font = 
(‘Calibri’,15), bg = ‘LightBlue’, fg = ‘Red’) 


myl2.place(x-350,y-150) 


myli - Label(myf6, text - "Chem : ", font - 
(‘Calibri’,15), bg = ‘LightBlue’, fg = ‘Red’) 


myli.place(x-200,y-200) 


myl2 = Label(myf6, text = loop[3], font = 
(‘Calibri’,15), bg = ‘LightBlue’, fg = ‘Red’) 


myl2.place(x-350,y-200) 


myli = Label(myf6, text = "Maths : ", font = 
(‘Calibri’,15), bg = ‘LightBlue’, fg = ‘Red’) 


myli.place(x-200,y-250) 


myl2 = Label(myf6, text = loop[4], font = 
(‘Calibri’,15), bg = ‘LightBlue’, fg = 'Red') 


myl2.place(x-350,y-250) 
break 
else: 
messagebox.showinfo('Title','Roll No. absent') 


myli1 = Label(myf6, text 4", font = 
(‘Calibri’,15), bg = ‘LightBlue’, fg ‘Red’ ) 


myli1.pLlace(x-200,9y-100,width-300) 


(‘Calibri’,15), 


(‘Calibri’,15), 


(‘Calibri’,15), 


(‘Calibri’,15), 


(‘Calibri’,15), 


(‘Calibri’,15), 


(‘Calibri’,15), 


myl12 = Label(myf6, 


bg = ‘LightBlue’ 


text 
, fg 


UU s font 
‘Red’ ) 


myl12.pLlace(x-350,y-100,width-300) 


myl13 = Label(myfe, 


bg = ‘LightBlue’ 


text 
, fg 


tie font 
‘Red’ ) 


my 1l13.pLace(x=200, y=150, width=300) 


myl14 = Label(myf6, 


bg = ‘LightBlue’ 


text 
, fg 


^", font 
^Red') 


myli4.pLlace(x-350,y-150,width-300) 


myli5 = Label(myf6, 


bg = ‘LightBlue’ 


text 
, fg 


^", font 
‘Red’ ) 


myli5.pLlace(x-200,y-200,width-300) 


myli16 = Label(myf6, 


bg = ‘LightBlue’ 


text 
, fg 


fie font 
‘Red’ ) 


myli6.pLlace(x-350,y-200,width-300) 


myli7 = Label(myf6, 


bg = ‘LightBlue’ 


text 
, fg 


“" font 
‘Red’ ) 


myli7.pLlace(x-200,9y-250,width-300) 


myl18 = Label(myfe, 


bg = ‘LightBlue’ 
myli18.place(x-350,y- 
db.commit() 


text 
, fg 
250) 


^", font 
^Red') 


db.close() 


mybtn = Button(myf6, text = ‘Search’, font = 
(‘Calibri’,15), command = searched) 


mybtn.place(x-320,y-50, width = 100,height = 30) 
def myupdate(ntb): 

myf7 = Frame(bg = ‘LightBlue’ ) 

ntb.add(myf7, text=’MyUpdate’ ) 


s2 = StringVar() 


myul = Label(myf7, font = ('Arial',12), text = ‘Roll 
No.’,bg = ‘LightBlue’, fg = ‘Red’ ) 


myul.place(x-100,y-50, width = 120) 


mye1 = Entry(myf7, font = ('Calibri',15), textvariable 
= s2) 


myei.place(x = 200, y = 50, width = 100) 


def updated(): 
db = sqlite3.connect(‘mydemo.db’ ) 
cr = db.cursor() 


r = cr.execute(“select * from ins where URNO 
='"+s2,.get()+”"’ “) 


for loop in r: 
s3 = StringVar() 
s4 = StringVar() 


s5 = StringVar() 
s6 


StringVar() 


myli = Label(myf7, text = "Name is: ", font = 
(‘Calibri’,15), bg = ‘LightBlue’, fg = ‘Red’) 


my li. place(x=200, y=100 ) 


myl2 = Entry(myf7, font = ('Calibri',15), bg = 
‘LightBlue’, fg = ‘Red’, textvariable = s3) 


myl2.insert(0, Loop[1] ) 
myl2.place(x-350,y-100) 


myli = Label(myf7, text = "Phy : ", font = 
(‘Calibri’,15), bg = ‘LightBlue’, fg = 'Red') 


myli.place(x-200,y-150) 


myl2 = Entry(myf7, font = ('Calibri',15), bg = 
‘LightBlue’, fg = ‘Red’, textvariable = s4) 


myl2.insert(0, Loop[2] ) 
my 1l2.place(x=350, y=150 ) 


myli = Label(myf7, text = "Chem : ", font = 
(‘Calibri’,15), bg = ‘LightBlue’, fg = 'Red') 


myli.place(x-200,y-200) 


myl2 = Entry(myf7, font = ('Calibri',15), bg = 
‘LightBlue’, fg = ‘Red’, textvariable = s5) 


myl2.insert(0, Loop[3] ) 
myl2.place(x-350,y-200) 


myli = Label(myf7, text = "Maths : ", font = 
(‘Calibri’,15), bg = ‘LightBlue’, fg = 'Red') 


myli.place(x-200,y-250) 


myl2 = Entry(myf7, font = ('Calibri',15), bg = 
‘LightBlue’, fg = ‘Red’, textvariable = s6) 


myl2.insert(0, Loop[4] ) 
my 1l2.place(x=350, y=250 ) 


def updatedata2(): 
mydb = sqlite3.connect(‘mydemo.db’ ) 
my cursor = mydb.cursor() 


my cursor.execute("update ins set UNAME - 
^" *ts3.get()*"', UPHY ='"+s4.get()+”’,UCHE 
='"+s5.get()+”’,UMATHS -'"«s6.get()*"' WHERE URNO 
-'".-sg2.get()-""' 15) 


mydb.commit ( ) 
mydb.close() 


messagebox.showinfo( ‘Title’, ’Data 
Updated’ ) 


s3.set(‘’) 
s4.set('") 
s5.set(‘’) 
s6.set(‘’) 
myshowalldata(myframe55) 


mybtn = Button(myf7, text = ‘Update’, font = 
(‘Calibri’,15), command = updatedata2) 

mybtn.place(x=250, y=325, width = 100,height = 
30) 


break 
else: 
messagebox.showinfo('Title','Roll No. absent’) 


myli1 = Label(myf7, text 4", font - 
(‘Calibri’,15), bg = 'LightBlue', fg ‘Red’ ) 


myli1.pLlace(x-200,9y-100,width-300) 


myli2 = Label(myf7, text 4^", font = 
(‘Calibri’,15), bg = 'LightBlue', fg ‘Red’ ) 


my li2.place(x=350, y=100, width=300) 


myli3 = Label(myf7, text 4", font = 
(‘Calibri’,15), bg = ‘LightBlue’, fg ‘Red’ ) 


myli3.pLlace(x-200,9y-150,width-300) 


myli4 = Label(myf7, text 4", font = 
(‘Calibri’,15), bg = ‘LightBlue’, fg ‘Red’ ) 


myli4.pLlace(x-350,y-150,width-300) 


myli5 = Label(myf7, text 4^", font = 
(‘Calibri’,15), bg = ‘LightBlue’, fg ‘Red’ ) 


myli5.pLlace(x-200,9y-200,width-300) 


myli6 = Label(myf7, text 4^", font = 
(‘Calibri’,15), bg = ‘LightBlue’, fg ‘Red’ ) 


my 1l16.plLace(x=350, y=200, width=300) 


myli7 = Label(myf7, text 4^", Font 
(‘Calibri’,15), bg = ‘LightBlue’, fg ‘Red’ ) 


myli7.pLlace(x-200,9y-250,width-300) 


myli8 = Label(myf7, text 
(‘Calibri’,15), bg = ‘LightBlue’, fg 


myli18.place(x-350,y-250) 
db.commit() 
db.close() 


fie font 
^Red') 


mybtn = Button(myf7, text = ‘Retrieve’, font = 
(‘Calibri’,15), command = updated) 


mybtn.place(x-320,y-50, width = 100,height = 30) 


def mydelete(ntb): 
myf8 = Frame(bg = ‘LightBlue’ ) 
ntb.add(myf8, text=’MyDelete’ ) 


s1 = StringVar() 


myul = Label(myf8, font = ('Arial',12), text = ‘Roll 
No.’,bg = ‘LightBlue’, fg = ‘Red’ ) 


myul.place(x-100,y-50, width = 120) 


mye1 = Entry(myf8, font = ('Calibri',15), textvariable 
= s1) 


myei.place(x = 200, y = 50, width = 100) 


def mydeletion(): 
db = sqlite3.connect(‘mydemo.db’ ) 
cr = db.cursor() 


r = cr.execute(“delete from ins where URNO 
='"+si.get()+”"’ ra 


messagebox.showinfo( ‘Title’, ’Data deleted’) 
db.commit() 

db.close() 

myshowalldata(myframe55) 

si.set(‘’) 


mybtn = Button(myf8, text = ‘Delete’, font = 
(‘Calibri’,15), command = mydeletion) 


mybtn.place(x-320,y-50, width = 100,height = 30) 
def mylogout(ntb): 
myf9 = Frame(bg = ‘LightBlue’ ) 
ntb.add(myf9, text-'MyLogOut') 
def mylogin(): 
myf2 = Frame(bg = ‘LightBlue’ ) 
myf2.place(x=0, y=0, width = 600, height = 400) 


[eB 
ll 


StringVar ( ) 


(D 
ll 


StringVar ( ) 


myli = Label(myf2, text = ‘Enter Name: ', bg = 
‘LightBlue’, fg = 'Red') 


my L1.place(x=200, y=100 ) 


mye1 = Entry(myf2, font = ('Calibri',15), textvariable 
= d) 


myei.place(x = 300, y =100, width = 100, height = 20) 


myl2 = Label(myf2, text = ‘Enter Password: ', bg = 
‘LightBlue’, fg = ‘Red’ ) 


my L2.place(x=200, y=150 ) 


mye2 = Entry(myf2, font = ('Calibri',15), textvariable 
= e) 
mye2.place(x = 300, y =150, width = 100, height = 20) 


def Llogini(): 
db = sqlite3.connect(‘mydemo.db’ ) 


cr db.cursor() 


r = cr.execute("select * from regis where UNAME 
='"+d.get()+”’ AND UPASS ='’"+e.get()+”’ ") 


for loop in r: 
myscreen() 
break 

else: 


messagebox.showinfo('Title','Invalid user name 
and password') 


db.commit() 
db.close() 


mybtn - Button(myf2, text - 'Login', font - 
(‘Calibri’,15), command = login1) 


mybtn.place(x-250,y-200, width = 100,height = 30) 


mybtni = Button(myf2, text = ‘Home’, font = 
(‘Calibri’,15), command = myhome) 


mybtni.place(x-20,y-350, width = 100,height = 30) 


mybtn2 = Button(myf2, text = ‘Registration’, font = 
(‘Calibri’,15), command = myregis) 


mybtn2.place(x=480, y=350, width = 120,height = 30) 
def myregis(): 

myf2 = Frame(bg = ‘LightBlue’ ) 

myf2.place(x=0, y=0, width = 600, height = 400) 


a = StringVar() 


StringVar ( ) 
StringVar ( ) 


Oo 
ll 


myli = Label(myf2, text = ‘Enter Name: ', bg = 
‘LightBlue’, fg = ‘Red’ ) 


my L1.place(x=200, y=100 ) 


mye1 = Entry(myf2, font 
= a) 
myei.place(x = 300, y =100, width = 100, height = 20) 


(‘Calibri’,15), textvariable 


myl2 = Label(myf2, text = ‘Enter Password: ', bg = 
‘LightBlue’, fg = 'Red') 


my L2.place(x=200, y=150 ) 


mye2 = Entry(myf2, font = ('Calibri',15), textvariable 
= b) 
mye2.place(x = 300, y =150, width = 100, height = 20) 


myl3 = Label(myf2, text = ‘Enter CN: ', bg = 
‘LightBlue’, fg = ‘Red’ ) 


my L3.place(x=200, y=200) 


mye3 = Entry(myf2, font = ('Calibri',15), textvariable 
= C) 


mye3.place(x = 300, y =200, width = 100, height = 20) 


def registring(): 
mydb = sqlite3.connect(‘mydemo.db’ ) 
my cursor = mydb.cursor() 


my cursor.execute("insert into regis 
values('"-«a.get()-*"', '"*b.get()-"', ^" *c.get()-"" )") 


mydb.commit ( ) 

mydb.cLlose() 

messagebox.showinfo('Title','User Registered’) 
a.set(’’) 

b.set(‘’) 


c.set(’’) 


mybtn = Button(myf2, text = ‘Register’, font = 
(‘Calibri’,15), command = registring) 


mybtn.place(x-250,y-250, width = 120,height = 30) 


mybtni = Button(myf2, text = ‘Home’, font = 
(‘Calibri’,15), command = myhome) 


mybtni.place(x-20,y-350, width = 100,height = 30) 


mybtn2 = Button(myf2, text = ‘Login’, font = 
(‘Calibri’,15), command = mylogin) 


mybtn2.place(x=480, y=350, width = 120,height = 30) 


def myhome(): 
myfi = Frame(bg = ‘LightBlue’ ) 
myf1i.place(x=0, y=0, width = 600, height = 


400) 


mybi = Button(myfi, text = ‘Login’, command = mylogin) 


mybi.place(x-220,y-100,width = 100, height 


= 30) 


myb2 = Button(myfi, text = ‘Register’, command = 


myregis) 
myb2.place(x-330,y-100,width = 100, height 


myhome ( ) 


myroot.mainloop() 


Note: The preceding code is covered in (Program Name: 
Chap11_Example1.py) 


Then follow the given steps: 


= 30) 


1. Sqlite3 Database Structure: The sqlite3 database structure can be seen 


in the following Figure 11.1: 


Database Structure Browse Data Edit Pragmas Execute SQL 


E3 Create Table Create Index (3 Print 


Name Type Schema 


wv | Tables (2) 

v @ ins CREATE TABLE ins(URNO text, UNAME text, UPHY text, UCHE text, UMATHS text) 
E URNO text "URNO" text 
[Z] UNAME text "UNAME" text 
|=] UPHY text "UPHY" text 
|.) UCHE text "UCHE" text 
B UMATHS text "UMATHS" text 

v O regis CREATE TABLE regis(UNAME text, UPASS text, UCN text) 
D UNAME text "UNAME" text 
|=) UPASS text "UPASS" text 
[3] UCN text “UCN” text 

© Indices (0) 

= Views (0) 


LJ Triggers (0) 


Figure 11.1: sqlite3 database structure 


2. Sqlite3 Browse Data: The sqlite3 browse data can be seen in the 
following Figure 11.2: 


Database Structure Browse Data Edit Pragmas Execute SQL 


Table: |__| regis si S »4| m e 
UNAME UPASS UCN 

1 Saurabh 1234 10001 

2 Nilesh 4321 10002 

3a 1 10003 


Database Structure Browse Data Edit Pragmas Execute SQL 


Table: ||] ins 7 6 [sa] [ad] | 
URNO UNAME UPHY UCHE UMATHS 

1/1 Ram 88 90 100 

23 Nilesh 89 92 99 

34 Saurabh 92 100 100 

45 Divya 100 90 92 


Figure 11.2: sqlite3 browse data 


3. Output when the program has started to run: The output can be seen 
in Figure 11.5: 


¢ Home Page — x 


Login Register 


Figure 11.3: Output when the program starts running 


4. Output when Login button is ae The output when login button 
is clicked, can be seen in 


~ - 


f Home Page — x 


Enter Name: Saurabh 


Enter Password: 1234| 


Login 


Home | Registration | 


Figure 11.4: Output when Login button is clicked 


5. On clicking the Home button, the user will navigate to the Home Page 
consisting of Login and Register button. 


6. The user is requested to enter username and password and click on the 
Login button, as shown in Figure 11.5: 


f Home Page — X 


Mylnsert MyShowAll MySearch MyUpdate MyDelete MyLogOut 
Enter Roll No. 
Enter Name 
Enter Phy. 


Enter Chem. 


Enter Maths. 


Insert Data| 


Figure 11.5: Insert data in Login page 


7. In the MyInsert tab form, the user can insert the data, as shown in 


$ Home Page 


Figure 11.6: Inserting the data 


8. In Figure 11.7, we can see that the database is updated: 


UNAME UMATHS 
1|1 Ram 88 90 100 
23 Nilesh 89 92 99 
3/4 Saurabh 92 100 100 
4/5 Divya 100 90 92 
56 Shyam 68 58 89 


Figure 11.7: Database is updated 


9. On clicking the MyShowAll tab, the following form shown in Figure 
11.8 is displayed: 


f Home Page = x 
Myinsert MyShowAll’ MySearch MyUpdate MyDelete MyLogOut 
Roll No. Name Phy. Chem. Maths 

1 Ram 88 90 100 

3 Nilesh 89 92 99 

4 Saurabh 92 100 100 

5 Divya 100 90 92 

6 Shyam 68 58 89 


Figure 11.8: Form displayed on focusing MyShowAll tab 


10. On clicking the MySearch tab, we are entering the Roll No. to see the 
data, as shown in Figure 11.9: 


ý Home Page 


Mylnsert MyShowAll MySearch MyUpdate MyDelete MyLogOut 


Roll No. 3 Search | 


Name is: Nilesh 
Phy : 89 
Chem : 92 
Maths : 99 


Figure 11.9: Entering Roll No. to see the data on focusing MySearch tab 


11. On clicking the MyUpdate tab, the following form shown in 
is displayed: 


¢ Home Page = x 


Mylnsert MyShowAll MySearch MyUpdate MyDelete MyLogOut 


Roll No. 6 Retrieve | 


Name is: Shyam 
Phy : 68 
Chem : 58 
Maths : od 


Update | 


Figure 11.10: Form displayed on focusing MyUpdate tab 


12. On clicking the Update button, the database data is updated as shown in 


Database Structure Browse Data Edit Pragmas Execute SQL 


Table: | |_| ins- v IS se lE e 
URNO UNAME UPHY UCHE UMATHS 

Filter Filter Filter Filter Filter 

11 Ram 88 90 100 

2 |3 Nilesh 89 92 99 

34 Saurabh 92 100 100 

45 Divya 100 90 92 

56 Shyam 68 58 90 


Figure 11.11: Updated database 


13. On clicking the MyDelete tab, the following form shown in 
is displayed: 


f Home Page = x 


Mylnsert MyShowAll MySearch MyUpdate MyDelete MyLogOut 


RollNo. 6 Delete | 


Figure 11.12: Form displayed on focusing MyDelete tab 


14. User can delete the data by clicking on the Delete button, as shown in 


f Title x 


O Data deleted 


Figure 11.13: Delete button 


15. The database now looks as shown in Figure 11.14: 


Database Structure Browse Data Edit Pragmas Execute SQL 


Table: | |_| ins ~| IS 56! E 8 
URNO UNAME UPHY UCHE UMATHS 
Filter [Filter [Filter [Fitter [Filter 
1l1 Ram 88 90 100 
23 Nilesh 89 92 99 
34 Saurabh 92 100 100 
4 5 Divya 100 90 92 


Figure 11.14: Updated database 
16. On clicking the MyLogOut tab, the user will navigate to the home page 
consisting of Login and Register button. 


17. On clicking the Register button, the user will navigate to the following 
form shown in Figure 11.15, where user can register for login: 


f Home Page = x 


Enter Name: Sachin 
Enter Password: 9876 


Enter CN: 9876 


Register | 


Home | Login | 


Figure 11.15: Form to register for login 


18. On clicking the Register button, a new user is d into the 
database where the user can login, as shown in 


7 Title x 


User Registered 


OK 


Figure 11.16: User registered 


19. The updated database looks as shown in Figure 11.17: 


Database Structure Browse Data Edit Pragmas Execute SQL 


Table: |_| regis ~| |S) [56 [i] | 
UNAME UPASS UCN 
Filter [Filter Filter 
1 Saurabh 1234 10001 
2 Nilesh 4321 10002 
3a 1 10003 
4 Sachin 9876 9876 


Figure 11.17: Updated database after registration 


20. On clicking the Login page, a new user can login. 


Conclusion 


In this chapter, we learned how to connect any GUI program with sqlite3 
database by creating a small GUI application using tkinter library. Different 
steps of interacting with sqlite3 database were explored from initially 
importing the module, then connecting to the database, creating a cursor 
object followed by execute queries and committing the changes and finally 
closing the connection. We saw step by step approach of interacting our GUI 
application with sqlite3 database by creating Login form, Registration form, 
Home Page, various tabs as per need and so on. 


Points to remember 


e Import the required libraries: To connect to the SQLite3 database, 
we need to import the sqlite3 library in addition to the tkinter library. 


e Establishing a database connection: To connect to the sqlite3 
database, use the sqlite3.connect() function. The parameter for this 


function is the name of the database file. 


e Creating a cursor: After establishing a connection, use the 
connection object's cursor() method to generate a cursor. Executing 
SQL commands and obtaining data from the database are done using 
this cursor. 


e Make GUI components: Create a GUI that communicates with the 
database using tkinter widgets like Label, Entry, Button, and so on. 


* Use cursor object to execute queries. To commit changes to the 
database, use the commit() method. 


e Close the database connection: To close the database connection, use 
the connection object's close() method. 


* Test your programme: Make sure to thoroughly test your application 
to make sure it functions as expected and gracefully handles errors. 


Questions 


1. Explain the steps to connect a GUI application to the sqlite3 database. 


2. Create a Python code such that a GUI application created using tkinter 
library can interact with a sqlite3 database. Then try connecting your 
GUI applications with any other database such as mysql. 
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